@charset "utf-8";
:root {
  /* 导航高度 */
  --header-height: 80px;
  /* COLOR */
  --color-active: #85372b;
  --color-blue-004: #85372b;
  --color-blue-095: #095cae;
  --color-blue-163: #163494;
  --color-blue-1635: #163595;
  --color-blue-345: #345999;
  --color-red-e41: #e41313;
  --color-white: #fff;
  --color-black: #282828;
  --color-gray-f6: #f6f6f6;
  --color-gray-f4: #f4f4f4;
  --color-gray-eee: #eee;
  --color-gray-ddd: #ddd;
  --color-gray-bbb: #bbb;
  --color-gray-999: #999;
  --color-gray-666: #666;
  --color-gray-444: #444;
  --color-gray-333: #333;
  /* --- font40以下 */
  --font12: clamp(12px, 0.12rem, 12px);
  --font14: clamp(12px, 0.14rem, 14px);
  --font15: clamp(12px, 0.15rem, 15px);
  --font16: clamp(13px, 0.16rem, 16px);
  --font17: clamp(13px, 0.17rem, 17px);
  --font18: clamp(14px, 0.18rem, 18px);
  --font20: clamp(15px, 0.2rem, 20px);
  --font22: clamp(16px, 0.22rem, 22px);
  --font24: clamp(17px, 0.24rem, 24px);
  --font26: clamp(18px, 0.26rem, 26px);
  --font28: clamp(18px, 0.28rem, 28px);
  --font30: clamp(20px, 0.3rem, 30px);
  --font32: clamp(20px, 0.32rem, 32px);
  --font34: clamp(22px, 0.34rem, 34px);
  --font36: clamp(22px, 0.36rem, 36px);
  --font38: clamp(24px, 0.38rem, 38px);
  /* --- font40 */
  --font40: clamp(23px, 0.4rem, 40px);
  --font42: clamp(24px, 0.42rem, 42px);
  --font44: clamp(24px, 0.44rem, 44px);
  --font46: clamp(25px, 0.46rem, 46px);
  --font48: clamp(26px, 0.48rem, 48px);
  /* --- font50 */
  --font50: clamp(28px, 0.5rem, 50px);
  --font52: clamp(28px, 0.52rem, 52px);
  --font54: clamp(28px, 0.54rem, 54px);
  --font56: clamp(28px, 0.56rem, 56px);
  --font58: clamp(29px, 0.58rem, 58px);
  /* --- font60 */
  --font60: clamp(30px, 0.6rem, 60px);
  --font62: clamp(31px, 0.62rem, 62px);
  --font64: clamp(31px, 0.66rem, 64px);
  --font66: clamp(31px, 0.66rem, 66px);
  /* --- font70以及以上 */
  --font70: clamp(32px, 0.7rem, 70px);
  --font72: clamp(32px, 0.72rem, 72px);
  --font74: clamp(32px, 0.74rem, 74px);
  --font80: clamp(32px, 0.8rem, 80px);
  --font100: 1rem;
  --font120: 1.2rem;
  --font160: 1.6rem;
  --font230: 2.3rem;
}

/* 公共字体 */
.font12 {
  font-size: var(--font12);
}
.font14 {
  font-size: var(--font14);
}
.font15 {
  font-size: var(--font15);
}
.font16 {
  font-size: var(--font16);
}
.font18 {
  font-size: var(--font18);
}
.font20 {
  font-size: var(--font20);
}
.font22 {
  font-size: var(--font22);
}
.font24 {
  font-size: var(--font24);
}
.font26 {
  font-size: var(--font26);
}
.font28 {
  font-size: var(--font28);
}
.font30 {
  font-size: var(--font30);
}
.font32 {
  font-size: var(--font32);
}
.font34 {
  font-size: var(--font34);
}
.font36 {
  font-size: var(--font36);
}
.font38 {
  font-size: var(--font38);
}
.font40 {
  font-size: var(--font40);
}
.font42 {
  font-size: var(--font42);
}
.font44 {
  font-size: var(--font44);
}
.font46 {
  font-size: var(--font46);
}
.font48 {
  font-size: var(--font48);
}
.font50 {
  font-size: var(--font50);
}
.font52 {
  font-size: var(--font52);
}
.font54 {
  font-size: var(--font54);
}
.font56 {
  font-size: var(--font56);
}
.font58 {
  font-size: var(--font58);
}
.font60 {
  font-size: var(--font60);
}
.font62 {
  font-size: var(--font62);
}
.font64 {
  font-size: var(--font64);
}
.font66 {
  font-size: var(--font66);
}
.font70 {
  font-size: var(--font70);
}
.font72 {
  font-size: var(--font72);
}
.font72 {
  font-size: var(--font74);
}
.font80 {
  font-size: var(--font80);
}
.font100 {
  font-size: var(--font100);
}
.font120 {
  font-size: var(--font120);
}
.font160 {
  font-size: var(--font160);
}
.font230 {
  font-size: var(--font230);
}
html {
  font-size: calc(100vw/19.2);
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
@media (min-width: 1901px) {
  html {
    font-size: 100px;
  }
}
@media (max-width: 1580px) {
  html {
    font-size: calc(100vw / 21);
  }
}
@media (max-width: 1280px) {
  html {
    font-size: calc(100vw / 19.3);
  }
}
@media (max-width: 767px) {
  html {
    font-size: calc(100vw/15);
  }
}
@media (max-width: 480px) {
  html {
    font-size: calc(100vw/7.5);
  }
}
@font-face{
	font-family: 'scr';
	src: url(../font/scr.ttf);
}
@font-face{
	font-family: 'scm';
	src: url(../font/scm.ttf);
}
@font-face{
	font-family: 'scb';
	src: url(../font/scbs.ttf);
}
input,textarea,button { font-family: 'scr';}
body {
  font-family: 'scr','Arial', 'Microsoft YaHei UI', 'SimSun', 'SimHei';
  font-size: 16px;
  color: #000;
  background: #fff;
  overflow-x: hidden;
}
html, body, div, span, iframe, map, font, img, a img, samp, hr, h1, h2, h3, h4, h5, h6, b, p, blockquote, a, address, code, dl, dt, dd, ol, ul, li, form, label, table, tr, td, th{ padding: 0; margin: 0; border: 0; font-weight: normal; font-family: 'scr', Arial, Helvetica, sans-serif;  list-style:none;}
html, body { position: relative; height: 100%;}
body::-webkit-scrollbar { width:2px;}
body::-webkit-scrollbar-track { background: rgba(232, 232, 232, 1);}
body::-webkit-scrollbar-thumb { background: #85372b;}
img{ border:0; max-width: 100%; }
input,button,a { outline: none;}
a{ text-decoration:none; color:#000;  }
a:hover{ color:#85372b;  }
.clear { clear:both;}
.clearfix { zoom:1;}
.clearfix:after { content:''; display:block; height:0; clear:both;}
div { box-sizing:border-box;}
.dn { display: none;}
#screen { display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 10; background: rgba(0,0,0,0.5);}
/*通用样式*/
.container {
  width: 100%;
  height: auto;
  max-width: 84.375%;
  margin: 0 auto;
}
@media (min-width: 1901px) {
  .container {
    max-width: 1620px;
  }
}

.bgContainer { width:1760px; margin: 0 auto; max-width: calc(100% - 200px);}
.slocation { width: 1300px; margin: 0 auto; max-width: 100%;}
.location a img { width: clamp(14px,.2rem,20px);}
.fcc {display: flex;display: -webkit-flex;justify-content: center;align-items: center;}
.fsc {display: flex;display: -webkit-flex;justify-content: flex-start;align-items: center;}
/*通用样式*/

.menuBtn { display: none;}
.logo { position: relative;}
.logo img { display: block; width: clamp(100px,1.34rem,134px); transition: all 0.5s; filter: brightness(0) invert(1);}
.header { height: var(--header-height); transition: all 0.5s; position: fixed; left: 0; top: 0; width: 100%; z-index: 20; display: flex; justify-content: space-between; align-items: center;}
.header::after { content: ''; position: absolute; top: 0; width: 100%; height: 0; z-index: -1; transition: all .8s; background: #f5f5f5; height: 0;}
.header.act::after { height: 48vh; opacity: 1;}
.headerCont { display: flex; justify-content: space-between; align-items: center;}
/* .small-header .header { transform: translateY(-100%);}
.show-header .header { transform: translateY(0);} */
.small-header .header{ height: 80px; box-shadow: 0 0 10px rgba(0,0,0,0.2); background: #f5f5f5;}
.small-header .langChose { height: 80px;}
.modeHead .header {box-shadow: 0 0 10px rgba(0,0,0,0.2); background: #ffffff;}}
.small-header .langChose { height: 80px;}
.small-header .logo img,.header:hover .logo img,.modeHead .header .logo img { filter: none;}
.small-header .header dl { top: 100%;}
.header:hover { background: #f5f5f5;}
.header:hover .nav li h2 a,.small-header .header .nav li h2 a,.modeHead .header .nav li h2 a{ color: #333333;}
.header .nav li:hover  h2 a{ color: #85372b;}
.headerRight { display: flex; align-items: center;}
.headerTool { display: flex; align-items: center;}
.nav>ul{ display: flex; justify-content: center; align-items: center;}
.nav li { margin-right: clamp(20px,1rem,100px);}
.nav li:nth-child(n + 7){display:none}
.nav li h2 { position: relative;}
.nav li h2::after { content: ''; height: 2px; position: absolute; top: calc(50% + 18px); left: 50%; transform: translateX(-50%); transition: all 0.5s; width: 0; background: #ffffff;}
.nav li:hover h2::after { width:100%;}
.nav li h2 a { transition: all 0.5s; line-height: var(--header-height); white-space: nowrap; font-size:16px; color: #ffffff;}
.header .nav li.cur h2 a { color: #ffffff;}
.header .nav li.cur h2::after { width: 100%;}

.small-header .header .nav li h2 a { line-height: 80px;}
.small-header .nav li.cur h2 a,.header:hover .nav li.cur h2 a,.modeHead .nav li.cur h2 a{ color: #85372b;}
.small-header .nav li h2::after,.header:hover .nav li h2::after,.modeHead .nav li.cur h2::after { background:#85372b;}

.nav li { position: relative;}
.nav li dl { transition: all .4s; opacity: 0; visibility: hidden; box-sizing: border-box; position: absolute; left: 0; top: var(--header-height);}
.nav li dt { white-space: nowrap; font-size: clamp(14px,.16rem,16px); line-height:1; margin-bottom: .25rem;}
.nav li dt:last-child { margin-bottom: 0;}
.nav li dt a { display: block; color: #333333; transition: all 0.3s;}
.nav li dt:hover>a { color: #85372b; }
.header.act .nav li dl { transition-delay: .4s; opacity: 1; visibility: visible;}
.header .shopEnter { line-height:37px; border-radius: 37px; display: flex; align-items: center; font-size: var(--font16); color: #ffffff; background: #85372b; padding: 0 20px 0 18px;}
.header .shopEnter img { display: block; margin-right: 12px;}
.langChose h2{line-height:37px; padding: 0 13px; transition: all .4s; border-radius: 37px; display: flex; align-items: center; color: #ffffff; font-size: var(--font18);}
.langChose h2 img { display: block; margin-right: 8px;}
.langChose { margin: 0 20px 0 26px; height: var(--header-height); position: relative; display: flex; align-items: center;}
.langChose dl { visibility: hidden; transition: all .4s; opacity: 0; overflow: hidden; box-shadow:0 10px 10px rgba(0,0,0,0.1); height: auto; background: #ffffff; border-radius:0 0 4px 4px; text-align: center; width: 84px; position: absolute; top:var(--header-height); left: 50%; transform: translateX(-50%);}
.langChose dt a{ transition: all .5s; line-height: 3; display: block; font-size: 14px; color: #393939;}
.langChose dt { position: relative;}
.langChose dt::after { content: ''; position: absolute; bottom: 0; left: 10px; right:10px; height: 1px; background: #e5e5e5;}
.langChose dt:last-child::after { display: none;}
.langChose dt:hover a { background: #85372b; color: #ffffff;}
.langChose:hover dl {height: auto; visibility: visible; opacity: 1;}
.small-header .langChose h2,.header:hover .langChose h2,.modeHead .header .langChose h2 { background: #85372b;}
.searchEnter { background: url(../images/headerIcon2.png) center no-repeat; width: 20px; height: 20px; cursor: pointer; transition: all .4s;}
.small-header .searchEnter,.header:hover .searchEnter,.modeHead .header .searchEnter { background: url(../images/headerIcon2on.png) center no-repeat;}
.searchEnter:hover { background: url(../images/headerIcon2onHover.png) center no-repeat!important;}
.searchSub { display: none; position: absolute; left: 0; top: 100%; width: 100%; background: #f5f5f5; padding: 1.7rem 0;}
.searchInfor { width: 690px; display: flex; align-items: center; margin: 0 auto; max-width: calc(100% - 200px); border-bottom: 1px solid #eee;}
.searchInfor input { flex: 1; height: 42px; color: #333; border: none; background: none; font-size:16px;}
.searchInfor input::placeholder { color: #999;}
.searchInfor button { background: url(../images/headerIcon2on.png) center no-repeat; transition: all .4s; width: 42px; height: 42px; cursor: pointer; border: none;}
.searchInfor button:hover { background: url(../images/headerIcon2onHover.png) center no-repeat;}
/*banner*/
.banner { position: relative;}
.banner img{object-position: 10% center; height: 100vh; object-fit: cover; transform: scale(1.1); display: block; width: 100%;}
.banner img.mobBanner { display: none;}
.banner video { display: block; width: 100%; height: 100vh; object-fit: cover;}
.playControl { z-index: 5; background: url(../images/playBtns.png) center no-repeat; cursor: pointer; position: absolute; right: .8rem; bottom: .4rem;
display: block; width: 25px; height: 25px;}
.playControl.pauseState { background: url(../images/pauseBtn.png) center no-repeat;}
.banner .swiper-slide { overflow: hidden;}
.banner .swiper-slide-active img { transform: scale(1);}
.banner .swiper-pagination { display: flex; width: auto; left: 50%; transform: translateX(-50%);  bottom: .48rem;}
.banner .swiper-pagination span { opacity: 1; transition: all 0.3s; box-sizing: border-box; border: 1px solid #ffffff; background: none; outline: none;width: 22px; height: 9px; border-radius: 0 9px 9px 0;}
.banner .swiper-pagination span.swiper-pagination-bullet-active{ background: #ffffff;}
.bannerText { position: absolute; width: 100%; text-align: center; top: 50%; left: 0; transform: translateY(-50%);}
.bannerText p { font-size: 3.125vw; color: #ffffff;}
/*inBanner*/
.inBanner { overflow: hidden;}
.inBanner img.mobBanner { display: none;}
.page-banner { position: relative; overflow: hidden;background:#000;}
.page-banner .img img { width: 100%; display: block; height: 100%; min-height: 200px; object-fit: cover;}
.page-banner:before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.2); z-index: 2;}
.inText { z-index: 3; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.inText h2 { color: #ffffff; font-weight: bold; line-height: 1; margin-bottom: .2rem; font-size:var(--font60); -webkit-animation-duration: 0.8s; animation-duration: 0.8s;-webkit-animation-fill-mode: both;animation-fill-mode: both; -webkit-animation-name: h-line-mask-anim;animation-name: h-line-mask-anim;}
.inText p { color: #ffffff;line-height: 1.4; margin-bottom: .32rem; font-size: var(--font20);-webkit-animation-duration: 0.8s; animation-duration: 0.8s;-webkit-animation-fill-mode: both;animation-fill-mode: both; -webkit-animation-name: h-line-mask-anim;animation-name: h-line-mask-anim;animation-delay: .2s;}
@-webkit-keyframes h-line-mask-anim {
  0% {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    -webkit-clip-path: polygon(-10% -100%, 110% -100%, 110% 0%, -10% 0%);
    clip-path: polygon(-10% -100%, 110% -100%, 110% 0%, -10% 0%);
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-clip-path: polygon(-10% 0%, 110% 0%, 110% 110%, -10% 110%);
    clip-path: polygon(-10% 0%, 110% 0%, 110% 110%, -10% 110%);
  }
}
@keyframes h-line-mask-anim {
  0% {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    -webkit-clip-path: polygon(-10% -100%, 110% -100%, 110% 0%, -10% 0%);
    clip-path: polygon(-10% -100%, 110% -100%, 110% 0%, -10% 0%);
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-clip-path: polygon(-10% 0%, 110% 0%, 110% 110%, -10% 110%);
    clip-path: polygon(-10% 0%, 110% 0%, 110% 110%, -10% 110%);
  }
}
/*footer*/
.footer { background: #f2f2f2;}
.footerTop { padding: .8rem 0 1rem;}
.footerTop ul { text-align: center; display: flex; justify-content: center; align-items: center; gap: 1.8rem;}
.linkIcon { margin-bottom: .2rem; position: relative;}
.linkIcon img { display: block; margin: 0 auto; transition: all .4s; height: clamp(32px,.72rem,72px);}

.linkIcon img:nth-child(2) { opacity: 0; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.footerTop li p { font-size: var(--font24); transition: all .4s; font-family: 'scb'; line-height: 1; color: #333333; margin-bottom: 15px;}
.footerTop li span { position: relative; line-height: 21px; transition: all .4s; display: inline-flex; color: #333333; font-size: var(--font16);}
.menubox { display: none;}
.footerTop li:hover img:nth-child(1) { opacity: 0;}
.footerTop li:hover img:nth-child(2) { opacity: 1;}
.footerTop li:hover p,.footerTop li:hover span { color: #85372b;}
.footerTop li span::after { content: ''; position: absolute; right: 0; width: 21px; height: 21px; transition: all .4s; opacity: 0; background: url(../images/footIcon.png) right center no-repeat;}
.footerTop li:hover span::after { transform: translateX(29px); opacity: 1;}
/**/
.homeIntroduce { position: relative; z-index: 2; background: url(../images/intbg.jpg) center no-repeat; background-size: cover; padding: 1.75rem 0 1.7rem;}
.intFlex { gap: 1.8rem; display: flex; align-items: end; justify-content: space-between;}
.intText h2 { color: #404040; font-size: var(--font100);}
.intText p { text-align: justify; font-size: var(--font18); color: #4c4c4c; line-height: 1.3; margin-bottom: 1.38em;}
.intText p:nth-child(3) { margin-bottom: .38rem;}
.titimg { display: block; margin-bottom: .64rem;}
.intText h3 { letter-spacing: 1.47px; line-height: 1; margin-bottom: .4rem; font-family: 'scm'; font-size: var(--font44); color: #404040;}
.intText { width: 40%;}
.more {font-size: var(--font16); transition: all .4s; align-items: center; line-height: 2.6875em; border-radius: 0 2.6875em 2.6875em 0; display: inline-flex; border: 1px solid #333333; padding: 0 1.6875em 0 1.5625em;}
.more span { transition: all .4s; font-family: 'scm'; font-size: var(--font16); margin-right: 12px; color: #333333;}
.more i { transition: all .4s; display: block; background: url(../images/moreEnter.png) center no-repeat; display: block; width: 8px; height: 14px;}
.more:hover { border: 1px solid #85372b; background: #85372b;  }
.more:hover span { color: #ffffff;}
.more:hover i {filter: brightness(0) invert(1);}
.intCard { flex: 1; display: flex; flex-wrap: wrap; gap: .3rem .23rem;}
.intCard li {  width: calc((100% - .23rem)/2); box}
.intCard li a { display: block; border-radius: 10px; position: relative; background: #f5f5f5;  box-sizing: border-box; padding: 1.2rem .36rem .4rem .36rem;}
.intCard li img { position: absolute; top: .35rem; left: .32rem;}
.intCard h2 { text-align: right; font-size: var(--font32); color: #85372b;}
.intCard h2 span { font-family: 'scb'; font-size: var(--font52);}
.intCard p { text-align: right; font-size: var(--font18); color: #5f5f5f;}
.livetTitle { text-align: center;}
.livetTitle h2 { line-height: 1; margin-bottom: .16rem; font-size: var(--font42); color: #333333; font-family: 'scm';}
.livetTitle p { color: #7a7a7a; font-size: var(--font24);}
.liveCont { position: relative; z-index: 2; background: #fafbfb; padding: .7rem 0; margin: .3rem auto;}
.liveType { margin: .7rem 0; display: flex; justify-content: center; align-items: center;}
.liveType span { transition: all .4s; cursor: pointer; margin: 0 .55rem; line-height: 1; padding-bottom: 9px; display: inline-flex; position: relative; font-size: var(--font24); color: #333333;}
.liveType span::after { content: ''; transition: all .4s; position: absolute; bottom: 0; left: 0; height: 2px; width: 0; background: #85372b;}
.liveType span.cur { color: #85372b;}
.liveType span.cur::after { width: 100%;}
.liveSwiper img { display: block; width: 100%;}
.liveSwiper .swiper-button-prev { color:#ffffff; left: 11.66%; transition: all .4s;}
.liveSwiper .swiper-button-next { color:#ffffff; left: auto; right: 11.66%; transition: all .4s;}
.liveSwiper .swiper-button-prev::after,.liveSwiper .swiper-button-next::after { font-size:24px;}
.liveSwiper .swiper-button-prev:hover,.liveSwiper .swiper-button-next:hover { color: #85372b;}
.liveSwiper .swiper-slide { position: relative;}
.liveSwiper p { position: absolute; bottom: .45rem; left: 0; width: 100%; box-sizing: border-box; padding: 0 .35rem; font-size: var(--font36); color: #ffffff;}
.cellSwiper img { display: block; width: 100%;}
.cellSwiper .swiper-pagination {  bottom: .48rem;}
.cellSwiper .swiper-pagination span { opacity: 1; transition: all 0.3s; box-sizing: border-box; border: 1px solid #ffffff; background: none; outline: none;width: 22px; height: 9px; border-radius: 0 9px 9px 0;}
.cellSwiper .swiper-pagination span.swiper-pagination-bullet-active{ background: #ffffff;}
.customization { padding: 2.5rem 0 1.43rem;}
.customDesc { text-align: center; color: #ffffff;}
.customDesc h3 { font-size: var(--font36); line-height: 1; margin-bottom: .14rem;}
.customDesc h2 { font-size: var(--font42); font-family: 'scm'; line-height: 1; margin-bottom: .2rem;}
.customDesc p { font-size: var(--font24); line-height: 1; margin-bottom: .48rem;}
.more.whiteMore { border: 1px solid #ffffff;}
.more.whiteMore span { color: #ffffff;}
.more.whiteMore i { filter: brightness(0) invert(1);}
.more.whiteMore:hover { border: 1px solid #85372b;}
.more.whiteMore.playEnter span { font-family: 'scr';}
.more.whiteMore.playEnter img { width: clamp(14px,.24rem,24px);}
.businessSlide { background: #ffffff; position: relative; z-index: 2; margin-bottom: 35px;}
.businessSlide ul { display: flex; justify-content: space-between; gap: .3rem;}
.businessSlide li { cursor: pointer; position: relative; height: clamp(300px,4.38rem,438px); width: calc((40.44% - .6rem)/2); transition: all .8s;}
.businessSlide li>a { display: block;height: 100%; width: 100%;}
.businessSlide li.act {width: 59.56%;}
.businessSlide li img { transition: all .8s; display: block; width:100%; height: 100%; object-fit: cover;}
.businessSlide li::after { content: ''; height: 50%; background-image: linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,1)); width: 100%; left: 0; bottom: 0; position: absolute;}
.businessSlide li h2 { transition: all .4s; transform: translateY(0); position: absolute; z-index: 2; text-align: center; color: #ffffff; line-height: 1; left: 0; width: 100%; bottom: .65rem;
font-size:var(--font36)}
.hideText { transition: all .4s; transform: translateY(10px); opacity: 0; position: absolute; left: 0; bottom: .65rem; display: flex; align-items: end; width:100%; justify-content: space-between; padding: 0 .6rem 0 1.37rem; color: #ffffff; z-index: 3;}

.hideLeft h3 { font-size: var(--font36); margin-bottom: .14rem; font-family: 'scm';}
.hideLeft h3 span { font-size: var(--font30); margin-left: .15rem;}
.hideLeft p { font-size: var(--font24); line-height: 1;}
.businessSlide li.act .hideText { transform: translateY(0); opacity: 1; transition-delay: .4s;}
.businessSlide li.act h2 { opacity: 0; transform: translateY(10px);}

.firendLink { padding: .32rem 0;  border-top: 1px solid #b8b8b8; border-bottom: 1px solid #b8b8b8;}
.firendLink a img { transition: all .4s; height: clamp(24px,.4rem,40px);}
.firendLink a { position: relative;}
.firendLink a img:nth-child(1) {opacity: 0;}
.firendLink a img:nth-child(2) { position: absolute; left: 0; width: 100%;}
.firendLink a:hover img:nth-child(1) { opacity: 1;}
.firendLink a:hover img:nth-child(2) { opacity: 0;}
.firendLink ul { display: flex; align-items: center;gap: .45rem;}
.firendLink li { position: relative;}
.suqrcod {align-items: center; position: absolute;bottom: 0; height: 0; left: 50%; position: absolute; transform: rotateY(90deg); width: 120px; background: #fff; border-radius: .625vw; margin-left: -60px; display: flex; flex-direction: column; overflow: hidden;}
.suqrcod p {  color: #262626; font-size: var(--font16); line-height: 2;}
.firendLink li:hover .suqrcod { bottom: -152px; height: 152px; transform: rotateY(0); transition: all 1s;}
.suqrcod img { width: 100%;}
.footerBottom { padding: .5rem 0; align-items: start; display: flex; justify-content: space-between;}
.webLink { border-right:1px solid #b8b8b8; flex: 1; padding-right: 1.1rem;}
.webLink ul { display: flex; justify-content: space-between;}
.webLink h2 a { display: block; transition: all .4s; font-size: var(--font20); color: #333333; font-size: 'scm';}
.webLink h2 {font-size: var(--font20); line-height: 1; margin-bottom: 1.5em;}
.webLink p a { display: block; transition: all .4s; color: #666666; font-size: var(--font16);}
.webLink p { line-height: 1; margin-bottom: 1em;}
.webLink p:last-child { margin-bottom: 0;}
.webLink p:hover a { transform: translateX(5px); color: #85372b;}
.footerContact { padding-left:1.1rem;}
.footerContact p { margin-bottom: .35rem; display: flex; align-items: center; gap: 15px; font-size: var(--font18);}
.footerContact p:nth-child(3) { margin-bottom: .865rem;}
.footerContact>img { width: clamp(100px,1.68rem,168px);}
.copyFlex { border-top:1px solid #dadcde; align-items: center; display: flex; justify-content: space-between;}
.copyRight { align-items: center; display: flex; justify-content: space-between;}
.footer .langChose { height: 80px;}
.footer .langChose dl { border-radius: 6px; top: auto; bottom:90%;}
.copyFlex p,.copyFlex p a { transition: all .4s; color: #666666; font-size: var(--font16);}
.copyFlex p a:hover { color: #85372b;}
.copyRight p a,.copyRight p { color: #a3a3a3;}
/**/
.inBanner { position: relative;}
.inBanner img { display: block; width: 100%;}
.pageLocation { transition: all .4s; padding-bottom: 10px; overflow: hidden; position: sticky; top: 80px; margin-top: -2.22em; z-index: 2;}
.show-header .pageLocation { top: 80px;}
.locationFlex { padding-right: 20px; display: flex; justify-content: space-between; align-items: center; position: relative;}
.locationFlex::after {  content: ''; z-index: -1; width: 100vw; height: 100%;  background-color: #fff; border-radius: 0 80px 80px 0; box-shadow: 0 0 10px rgba(0,0,0,0.1); position: absolute; right: 100%; top: 0; -webkit-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease;}
.pageLocation.act .locationFlex::after { right: 0;}
.pageMenu { display: flex;}
.pageMenu a { transition: all .4s; display: block; line-height:4.44em; position: relative; font-size: var(--font18); color: #333333; margin-right: .3rem;}
.pageLocation.smallLocation .pageMenu a { line-height: 50px;}
.location { display: flex; font-size: var(--font14); align-items: center;}
.location span { margin: 0 3px; color: #333333;}
.location a { transition: all .4s; color: #333333;}
.location a:hover,.pageMenu a:hover,.pageMenu a.cur { color: #85372b;}
.pageMenu a::after { content: ''; transition: all .4s; position: absolute; left: 0; bottom: 0; height: 2px; width: 0%; background: #85372b;}
.pageMenu a.cur::after,.pageMenu a:hover:after { width: 100%;}
.fmenu { z-index:10; position: absolute; bottom: 80px; left:0; width: 100%; display: flex; justify-content: center; align-items: center; gap: 4.2rem;}
.fmenu a { position: relative; display: block;}
.fmenu a p { font-size: var(--font24); color: #ffffff; line-height: 1; margin-bottom: .14rem;}
.fmenu a span { font-size: var(--font24); line-height: 1; color: #ffffff;}
.fmenu a.cur:after{ content: ''; position: absolute; left: -15px; width: 2px; top: 0; bottom: 0; background: #ffffff;}
.newsPage { background: url(../images/newsbg.jpg) center top no-repeat;padding-bottom: 45px;}
.newsPage .inTitle,.videoPage .inTitle { margin-top: .9rem;}
.inTitle { text-align: center;}
.inTitle p { font-size: var(--font42); color: #333333; line-height: 1; margin-bottom:.1rem;}
.inTitle span { font-size: var(--font24); color: #7a7a7a; display: block; line-height: 1;}
.hotNews { margin-top: .9rem; margin-bottom: .8rem; background: #ffffff; box-shadow: 0 0 10px rgba(0,0,0,0.1);}
.hotNews .swiper-slide { display: flex; justify-content: space-between;}
.hotPic { width: 51.98%;}
.hotPic img { display: block; width: 100%; object-fit: cover; aspect-ratio: 915/510;}
.hotText { flex: 1; padding: .45rem .45rem 0;}
.newsDate { margin-bottom: .4rem;}
.newsDate p { transition: all .4s; font-weight: bold; font-size: var(--font20); color: #000;}
.newsDate span { transition: all .4s; font-size: var(--font16); color: #000;}
.newsDesc h2 { margin-bottom: .25rem; font-size: var(--font36); color: #333333; line-height: calc(1em + 5px); height: calc(2em + 10px); overflow: hidden;text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.newsDesc p { margin-bottom: .45rem; font-size: var(--font18); color:#333333; line-height: calc(1em + 7px); height: calc(3em + 21px); overflow: hidden;text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.hotNews .swiper-pagination { left: auto; bottom: .65rem; right:.45rem; width: auto;}
.hotNews .swiper-pagination span.swiper-pagination-bullet-active { background: #85372b;}
.newsFlex { display: flex; justify-content: space-between;}
.newsFlex .newsDate { width: clamp(100px,1.55rem,155px);}
.newsInfor { position: relative; flex: 1; display: flex; justify-content: space-between;}
.newsImg { overflow: hidden; box-shadow: 0 0 10px rgba(0,0,0,0.05); width: 34%;}
.newsImg img { display: block; transition: all .8s; width: 100%; object-fit: cover; aspect-ratio: 543 / 305;}
.newsText { flex: 1; padding: .68rem .83rem 0;}
.newsText h2 { margin-bottom: .25rem; font-size: var(--font24); color: #333333; line-height: 1; transition: all .4s; overflow: hidden;text-overflow: ellipsis;  white-space: nowrap; }
.newsText p { margin-bottom: .6rem; font-size: var(--font18); color: #333333; line-height: 1.33;}
.newsText span { display: inline-flex; background: url(../images/moreIcon.png) right center no-repeat; padding-right: 24px; font-size: var(--font16); color: #666666; font-weight: bold;}
.newsList ul { padding-top: .7rem; border-top: 1px solid #d8d8d8;}
.newsList li { position: relative; z-index: 2; margin-bottom: .8rem;}
.newsList li::after { content: ''; transition: all .4s; opacity: 0; z-index: -1; position: absolute; top: -10px; bottom: -10px; right: 0; width: 66.47%; background: #ffffff; box-shadow: 0 0 10px rgba(0,0,0,0.2);}
.newsList li:hover::after { opacity: 1;}
.newsList li:hover .newsImg img { transform: scale(1.1);}
.newsList li:hover .newsText h2 { color: #85372b;}
.newsList li:hover .newsDate p,.newsList li:hover .newsDate span { color: #85372b;}
.newsList li:hover .newsText span { color: #85372b; background: url(../images/moreIconon.png) right center no-repeat;}
.pageControl { position: relative; display: flex; justify-content: space-between; align-items: center;}
.controlBtn { display: flex;gap:25px; align-items: center;}
.controlBtn a.prevPage { display: block; background: url(../images/prevnew.jpg) center no-repeat; background-size: 100% auto!important; width: clamp(32px,.84rem,84px); height: clamp(32px,.84rem,84px);}
.controlBtn a.nextPage { display: block; background: url(../images/nextnew.jpg) center no-repeat; background-size: 100% auto!important; width: clamp(32px,.84rem,84px); height: clamp(32px,.84rem,84px);}
.pageControl::after { content: ''; position: absolute; left: clamp(100px,2.2rem,220px); right: 50px; top: 50%; transform: translateY(-50%); height: 1px;
background: #d5d5d5;}
.controlBtn a.prevPage:hover { background: url(../images/prevnewon.jpg) center no-repeat;}
.controlBtn a.nextPage:hover { background: url(../images/nextnewon.jpg) center no-repeat;}
.videoPage { padding: 0 0 55px;}
.videoList ul { margin-bottom: clamp(30px,.8rem,80px); display: flex; flex-wrap: wrap; gap: .65rem;}
.videoList li { cursor: pointer; width: calc((100% - 1.3rem)/3);}
.videoList li .videoPic span { transition: all .4s; background: url(../images/playBtn.png) center no-repeat; position: absolute; left: 50%; top: 50%;
transform: translate(-50%,-50%); width: clamp(32px,.49rem,49px); height: clamp(32px,.49rem,49px); background-size: 100% auto;}
.videoList { margin-top: 1rem;}
.videoPic { margin-bottom: clamp(15px,.4rem,40px); position: relative; overflow: hidden; background: #000;}
.videoPic img { display: block;opacity: .7; transition: all .8s; width: 100%; object-fit: cover; aspect-ratio: 543/305;}
.videoList li:hover .videoPic img {opacity:1;  transform: scale(1.1);}
.videoList li:hover .videoPic span { transform:  translate(-50%,-50%) rotate(360deg);}
.videoName { display: flex; justify-content: space-between;}
.videoName p { font-size: var(--font24); color: #333333; transition: all .4s; overflow: hidden;text-overflow: ellipsis;  white-space: nowrap; 
width: calc(100% - 115px);}
.videoName b { font-size: var(--font16); color: #000000; transition: all .4s;}
.videoList li:hover .videoName p,.videoList li:hover .videoName b { color:#85372b}
.scontainer { width: 1300px; max-width: calc(100% - 200px); margin: 0 auto;}
.productSearch { transition: all .4s; align-items: center; border-radius: 0 43px 43px 0; display: flex; justify-content: space-between; width: 340px; border: 1px solid #dcdcdc;
padding: 0 18px 0 14px;box-sizing: border-box;}
.productSearch:hover { border: 1px solid #85372b;}
.productSearch input::placeholder { color:#7a7a7a}
.productSearch input { flex: 1; height: 43px; background: none; font-size: 14px; color: #85372b; border: none;}
.productSearch button { border: none; cursor: pointer; width: 20px; height: 20px; background: url(../images/proSearch.jpg) center no-repeat;}
.productlist { padding: .65rem 0 1.15rem;}
.productlist ul{ margin-top: .45rem; display: flex; flex-wrap: wrap; gap: 1.1rem .7rem;}
.productlist li { text-align: center; width: calc((50% - .35rem));}
.productImg { overflow: hidden; margin-bottom: .5rem;}
.productImg img { display: block; width: 100%; object-fit: cover; transition: all .8s; aspect-ratio: 614/347;}
.productlist li:hover .productImg img { transform: scale(1.1);}
.productName h2 { font-size: var(--font24); font-weight: bold; color: #333333; transition: all .4s; line-height: 1; margin-bottom: .2rem;}
.productName p { line-height: 1; color: #333333; font-size: var(--font18); transition: all .4s; }
.productlist li:hover h2,.productlist li:hover p { color: #85372b;}
.inBanner .swiper-pagination { bottom: 65px;}
.inBanner .swiper-pagination span { border-radius: 0; background: #ffffff; width: clamp(30px,.48rem,48px); height: 3px;}
.inBanner>img { display: block; width: 100; animation: scaleBanner 4s;}
@keyframes scaleBanner {
	0% { transform: scale(1.1);}
	100%{ transform: scale(1);}
}
.aboutPage { position: relative;}
.aboutDesc { width: 1572px; margin: 0 auto; max-width: calc(100% - 200px); padding: .9rem 0;}
.aboutTitle h2 { font-family: 'scm'; color: #333333; font-size: var(--font42); line-height: 1; margin-bottom: .2rem;}
.centerTitle { text-align: center;}
.aboutTitle p { font-size: var(--font24); line-height:1; color: #7a7a7a;}
.aboutDesc li { display: flex; justify-content: space-between; align-items: end;}
.descImg { overflow: hidden; width: 50%;}
.descImg img { display: block; width: 100%; transition: all .8s; object-fit: cover; aspect-ratio: 786/431;}
.descImg:hover img { transform: scale(1.1);}
.descText { flex: 1; padding: 0 0 .7rem .9rem;}
.aboutDesc li:nth-child(2n) { flex-direction: row-reverse;}
.descText h2 { font-size: var(--font36); font-family: 'scm'; color: #333333; line-height: calc(1em + .1rem); margin-bottom: .3rem;}
.descText p { font-size: var(--font18); color: #666666; line-height: calc(1em + .1rem);}
.aboutDesc li:nth-child(2) .descText { padding: 0 .45rem .7rem .4rem;}
.aboutDesc ul { margin-top: .85rem;}
.history { background: url(../images/about35.jpg) center no-repeat; background-size: cover; padding: 1rem 0;}
.whiteTitle h2,.whiteTitle p { color: #ffffff;}
.historySwiper .swiper { width: 100%;}
.historyPic { margin-bottom: .34rem;}
.historyPic img { display: block; width: 100%; object-fit: cover; aspect-ratio: 886/451;}
.historyDesc h2 { font-size: var(--font36); color: #ffffff; line-height: 1; margin-bottom: .2rem;}
.historyDesc p { font-size: var(--font24); color: #ffffff; line-height: calc(1em + .1rem); margin-bottom: .08rem;}
.historyDesc span { display: block; color: #ffffff; font-size: var(--font18);}
.historySwiper { margin-top: .7rem;}
.historySwiper .swiper-button-prev { top: 2.21rem; transition: all .4s; margin: 0; color: #ffffff; left: 25%;}
.historySwiper .swiper-button-next { top: 2.21rem; transition: all .4s; margin: 0; color: #ffffff; left:auto; right:  25%;}
.historySwiper .swiper-button-next:hover,.historySwiper .swiper-button-prev:hover { color:#85372b ;}
.historySwiper .swiper-button-prev::after,.historySwiper .swiper-button-next::after { font-size: 20px;}
.historySwiper .historyDesc { opacity: 0; transition: all .4s;}
.historySwiper .swiper-slide-active .historyDesc { opacity: 1;}
.yearSwiper {width:1515px; margin: .7rem auto 0; max-width: calc(100% - 200px);}
.yearSwiper .swiper-slide { cursor: pointer; position: relative; background:url(../images/aboutLine.png) center bottom no-repeat; background-size: 100% auto; text-align: center;
font-size: var(--font24); color: #ffffff; padding-bottom: 40px;}
.yearSwiper .swiper-slide::after { content: ''; position: absolute; left: 50%; transform: translateX(-50%); width: clamp(2px,.03rem,3px);
transition: all .4s; height: 0; background: #f7f7f7; bottom: 0;}
.yearSwiper .swiper-slide.act:after { height: 30px;}
.honor { background: url(../images/honorBg.jpg) center no-repeat; background-size: cover; padding: 1rem 0 1.3rem;}
.honorType { margin-top: .55rem; margin-bottom: .5rem; display: flex; justify-content: center; align-items: center; gap: 20px;}
.honorType span { transition: all .4s; cursor: pointer; line-height: 1; padding-bottom: 13px; display: inline-flex; position: relative; font-size: var(--font24);}
.honorType span::after { content: ''; width: 0; position: absolute; left: 0; bottom: 0; transition: all .4s; height: 2px; background: #85372b;}
.honorType span.cur::after { width: 100%;}
.honorType span.cur { color: #85372b;}
.honorSlide { position: relative;}
.honorSlide .swiper { padding-bottom: 1rem;}
.honorSlide .swiper-slide { padding-top:.25rem; display: flex; justify-content: center; align-items: end; height: auto;}
.honorSlide .swiper-slide img { transition: all .8s; max-height: 350px;}
.honorSlide .swiper-slide:hover img { transform: translateY(-.25rem);}
.honorSlide .swiper p { left: 0; width:100%; text-align: center; position: absolute; bottom: -.8rem;}
.honorGroup { width: 1515px; margin: 0 auto; max-width: calc(100% - 200px);}
.honorSlide .swiper-button-prev,.honorSlide .swiper-button-next { transition: all .4s; font-size: 20px; color: #353535;}
.honorSlide .swiper-button-prev::after,.honorSlide .swiper-button-next::after { font-size: 20px;}
.honorSlide .swiper-button-prev { left: -40px;}
.honorSlide .swiper-button-next { left: auto; right: -40px;}
.honorSlide .swiper-button-prev:hover,.honorSlide .swiper-button-next:hover { color: #85372b;}
.featureDesc { text-align: center; font-size: var(--font18); color: #ffffff; line-height: 1; margin: .4rem auto 1.3rem;}
.feature { background: url(../images/about36.jpg) center no-repeat; background-size: cover; padding: 1rem 0 2rem;}
.featureSwiper { display: flex; flex-direction: column; gap: 25px;}
.featureSwiper img { display: block; width: 100%;}
.globaleDesc { margin: .3rem auto 0; max-width: calc(100% - 200px);}
.globaleDesc p { text-align: center; font-size: var(--font18); color: #666666; line-height: calc(1em + .1rem);}
.globaleDesc p b { font-weight: bold; color:#85372b; font-size: 1.3em;}
.globale { background: #fafafa; padding: 1rem 0 .45rem;}
.globaleImg { margin-top: .4rem;}
.globaleImg img { display: block; margin: 0 auto; max-width: calc(100% - 200px);}
.create { padding: 1rem 0 .7rem;}
.createVideo { position: relative; margin-top: .35rem;}
.createVideo>img{ display: block; width: 100%;}
.createVideo a { position: absolute; bottom: 55px; left: 50%; transform: translateX(-50%);}
.leading { padding: 1rem 0 1.35rem; background: #fcfcfc;}
.leading .swiper-slide { overflow: hidden; position: relative; overflow: hidden;}
.leading .swiper-slide img { display: block; transition: all .8s; width: 100%; object-fit: cover; aspect-ratio: 535/340;}
.hideLeading { transition: all .4s; opacity: 0; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 0 .55rem;
position: absolute; left: 0; top: 0; height: 100%; color: #ffffff; text-align: center; background: rgba(0,0,0,0.5);}
.leading .swiper-slide h2 { transition: all .4s; position: absolute; text-align: center; left: 0; bottom: 0; color: #ffffff; width: 100%; font-size: var(--font18);
line-height: calc(2em + .1rem);background: #ffffff0a; -webkit-backdrop-filter: blur(20px); backdrop-filter: blur(20px);}
.hideLeading p { margin-bottom: .25rem; position: relative; font-size: var(--font24); line-height: 1; padding-bottom: clamp(8px,.16rem,16px);}
.hideLeading p::after { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); height: 2px; background: #ffffff;
 width: 0; transition: all .4s; transition-delay: .4s;}
.hideLeading span { display: block; font-size: var(--font18); line-height: calc(1em + 7px); }
.leadingSwiper { margin-top:1rem; position: relative; padding: 0 .5rem;}
.leadingSwiper .swiper-button-prev,.leadingSwiper .swiper-button-next { font-size: 20px; color: #353535;}
.leadingSwiper .swiper-button-prev::after,.leadingSwiper .swiper-button-next::after { font-size: 20px;}
.leadingSwiper .swiper-button-prev { left: 0;}
.leadingSwiper .swiper-button-next{ left: auto; right: 0;}
.leadingSwiper .swiper-button-next:hover,.leadingSwiper .swiper-button-prev:hover { color: #85372b;}
.leading .swiper-slide:hover .hideLeading{ opacity: 1;}
.leading .swiper-slide:hover .hideLeading p::after {width: clamp(16px,.35rem,35px);}
.leading .swiper-slide:hover h2 { transform: translateY(100%);}
.leading .swiper-slide:hover img { transform: scale(1.1);}
.factory { padding: 1rem 0 .6rem;}
.factoryCont { margin-top: 30px; background: url(../images/about32.jpg) center no-repeat; position: relative; background-size: cover!important; transition: all .4s; height:clamp(350px,7.2rem,720px);}
.factoryType { top: .55rem; position: absolute; left: 50%; transform: translateX(-50%); display: inline-flex; border-radius: calc(2em + 5px); background: rgba(255,255,255,.7); justify-content: center; align-items: center; padding: 1px .5rem;}
.factoryType span { white-space: nowrap; display: block; font-size: var(--font18); line-height: calc(2em + 5px); border-radius: calc(2em + 5px);
padding: 0 .2rem; transition: all .4s; cursor: pointer;}
.factoryType span.cur { background: #85372b; color: #ffffff;}
.textSlide p { color: #ffffff; font-size: var(--font18); line-height: calc(1em + 7px);}
.textSlide { position: absolute; left:50%; transform: translateX(-50%); width:850px; max-width: calc(100% - 200px); text-align: center; bottom: .65rem;}
.factoryControl { gap: 24px; display: flex; justify-content: center; align-items: center; margin-top: .55rem;}
.factoryControl a:nth-child(1) span {margin: 0 0 0 12px;}
.factoryControl a:nth-child(1) { border-radius:2.6875em 0 0 2.6875em ;}
.factoryControl a:nth-child(1) i { transform: rotate(180deg);}
.factoryControl a { padding: 0 1em;}
.aboutNews {background: url(../images/aboutnewsBg.jpg) center no-repeat; background-size: cover; padding: 1rem 0;}
.newsContainer { width: 1615px; max-width: 94%; margin: 0 auto;}
.aboutNewsFlex { margin-bottom: .8rem; gap: .6rem; display: flex; justify-content: space-between; margin-top: .8rem;}
.newsPic { position: relative; width: 49.5%; overflow: hidden; background: #000;}
.newsPic img { transition: all .8s; width: 100%; position: absolute; left: 0; top: 0; height: 100%; object-fit: cover;}
.newsPic:hover img { transform: scale(1.1); opacity: .8;}
.newsGroup { max-width: calc(50.5% - .6rem); flex: 1;}
.postTitle { padding: 0 .25rem; position: absolute; left: 0; width: 100%; bottom: .34rem; color: #ffffff;}
.postTitle .newsDate { margin-bottom: .15rem;}
.postTitle .newsDate p,.postTitle .newsDate span { color: #ffffff;}
.postTitle h2 { font-size: var(--font24);}
.newsGroup li a { gap: .34rem; display: flex; align-items: center;}
.newsGroup li .newsDate { margin: 0; width: 85px; border-right: 1px solid #959595;}
.newsGroup li h2 { transition: all .4s; overflow: hidden;text-overflow: ellipsis;  white-space: nowrap;  color: #333333; flex: 1; font-size: var(--font18);}
.newsGroup li {padding-bottom: .25rem; margin-bottom: .28rem; border-bottom: 1px solid #e6e6e6;}
.newsGroup li:last-child { padding: 0; margin: 0; border: none;}
.newsGroup li b { transition: all .4s; background: url(../images/moreIcon.png) right center no-repeat; display: block; margin-right: 14px; padding-right: 22px;}
.newsGroup li:hover b { background: url(../images/moreIconon.png) right center no-repeat;}
.newsGroup li:hover h2 { text-indent: 1em; color: #85372b;}
.culture { background: url(../images/about34.jpg) center no-repeat; background-size: cover; padding: 1rem 0 1.35rem; margin-bottom: .3rem;}
.whiteDesc p { color: #ffffff;}
.culture ul { margin-top: 1.2rem; display: flex; justify-content: space-between; gap: .37rem;}
.culture li { transition: all .4s; overflow: hidden; color: #ffffff; flex: 1; box-sizing: border-box; padding: .9rem .2rem .45rem; background: rgba(255,255,255,.2);}
.culture li h2 { font-size: var(--font36); line-height: 1; margin-bottom: 1.85rem;}
.culture li p { border-bottom: 1px solid #ffffff; font-size: var(--font24); line-height: 1; padding-bottom:.25rem; margin-bottom: .3rem;}
.culture li span { font-size: var(--font18); line-height: 1; display: block;}
.culture li:hover {background: rgba(0,0,0,.2); box-shadow: 0 0 20px rgba(0,0,0,.2);}
.detailTop { display: flex; justify-content: space-between; background: #f4f4f4;}
.detailSystem { margin-bottom: 1.1rem; color: #b5b5b5; font-size: var(--font18); display: flex; align-items: center;}
.detailSystem i { display: flex; justify-content: center; align-items: center; margin-right: 10px; background: #b5b5b5; width: 26px; height: 26px;
border-radius: 50%;}
.detailBanner { width: 69%;}
.detailPage { padding-top: 80px;}
.detailInfor { padding-top: 1.5rem; padding-left:100px;}
.detailBanner img { transition: all .4s; display: block; width: 100%;}
.productTitle h2 { line-height: 1; font-size: var(--font48); color: #333333; font-family: 'scm';}
.productTitle p { margin: .1rem 0; font-size: var(--font36); color: #333333; font-family: 'scm';}
.productTitle span { color: #333333; font-size: var(--font18);}
.detailTip { padding-left: .68rem;}
.detailTip a img { transition: all .4s;}
.detailTip a { transition: all .4s; border-radius: 0 3em 3em 0; display: inline-flex; padding: 0 .4rem 0 .28rem; align-items: center; border: 1px solid #5b5b5c;}
.detailTip a i { transition: all .4s; display: block; background: url(../images/moreEnter.png) center no-repeat; width: 8px; height: 14px;}
.detailTip a span { transition: all .4s; line-height: 3; font-size: var(--font15); color: #333333; margin: 0 10px 0 22px;}
.detailTip a:hover { border: 1px solid #85372b; background: #85372b;}
.detailTip a:hover img,.detailTip a:hover i {filter: brightness(0) invert(1);}
.detailTip a:hover span { color: #ffffff;}
.productTitle { margin-bottom: 2.18rem;}
.detailBanner .swiper-pagination span,.fullImg span { border-radius: 0; background: #ffffff; width: clamp(30px,.48rem,48px); height: clamp(2px,.03rem,3px);}
.detailType { width: 1620px; max-width: calc(100% - 200px); margin: 0 auto; padding: .7rem 0;}
.detailType ul { gap: .7rem 0; display: flex; flex-wrap: wrap;}
.detailType li { width: 20%;}
.detailType li a { opacity: .7; transition: all .4s; filter: grayscale(100%); display: flex; justify-content: center; align-items: center;}
.detailType li a:hover { filter: none; opacity: 1;}
.typeIcon { margin-right: .3rem; width: clamp(32px,.71rem,71px); height: clamp(32px,.71rem,71px); display: flex; justify-content: center; align-items: center;}
.detailType li p { min-width: 3em; color: #85372b; font-size: var(--font18);}
.typeIcon img { max-width: 100%; max-height: 100%; object-fit: contain;}
.fullImg img { display: block; width: 100%;}
.fullImg .swiper-button-prev,.fullImg .swiper-button-next { transition: all .4s; color: #ffffff;}
.fullImg .swiper-button-prev { left: .54rem;}
.fullImg .swiper-button-next { left: auto; right: .54rem;}
.fullImg .swiper-button-prev:after,.fullImg .swiper-button-next:after {font-size: 20px; font-weight: bold; }
.fullImg .swiper-button-prev:hover,.fullImg .swiper-button-next:hover { color:#85372b}
.detailText { width: 1300px; margin: 0 auto; max-width: calc(100% - 200px); padding: 1.3rem 0 1.6rem;}

.cellTitle { text-align: center;}
.cellTitle p { font-size: var(--font42); color: #010101;}
.descList { margin-top: 1.3rem;}
.descList ul { display: flex; justify-content: space-between; flex-wrap: wrap; gap:.4rem 3.6rem;}
.descList li h3 { line-height: 1; margin-bottom: .25rem; font-size: var(--font36); color: #000000; display: flex; align-items: center;}
.descList li h3 span { width: clamp(5px,.11rem,11px); height: clamp(5px,.11rem,11px); border-radius: 50%; background: #000000; margin-right: 13px;}
.descList li p { font-size: var(--font24);}
.detailTitle { text-align: center;}
.detailTitle h3 { justify-content: center; line-height: 1; margin-bottom: .25rem; font-size: var(--font36); color: #000000; display: flex; align-items: center;}
.detailTitle h3 span { width: clamp(5px,.11rem,11px); height: clamp(5px,.11rem,11px); border-radius: 50%; background: #000000; margin-right: 13px;}
.detailTitle { font-size: var(--font24);}
.detailDesc { text-align: center; margin-top: .55rem;}
.detailDesc p { font-size: var(--font24); line-height: calc(1em + 5px);}
.introduceList { width: 1300px; max-width: calc(100% - 200px); margin: 0 auto; padding-top: 1.32rem;}
.centerInt { padding: 0 0 1.3rem;}
.introduceList ul { display: flex; flex-wrap: wrap; gap: 1.35rem .25rem;}
.introduceList li { width: calc((100% - .25rem)/2);}
.intDesc { text-align: center; padding: .6rem 1rem 0;}
.intDesc h2{ font-size: var(--font36); line-height: calc(1em + .1rem); color: #000000; margin-bottom: .18rem;}
.intDesc p { font-size: var(--font18); line-height: calc(1em + .1rem); color: #000000;}
.systemType { display: flex; justify-content: center; align-items: center; gap: .32rem; padding: .62rem 0;}
.systemType a { border: 1px solid #959595; line-height: calc(2em + 5px); border-radius: calc(2em + 5px); padding: 0 .52rem; font-size: var(--font18); color: #333333; transition: all .4s;}
.systemType a:hover,.systemType a.cur { background: #85372b; color: #ffffff; border: 1px solid #85372b;}
.inbannerText{  position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); text-align: center;}
.inbannerText h2 { font-size: var(--font48); color: #ffffff; line-height: 1; margin-bottom: .35rem;}
.inbannerText p { font-size: var(--font24); line-height: calc(1em + .1rem); color: #ffffff;}
.joinCulture { width: 1620px; max-width: calc(100% - 200px); padding: .9rem 0 1rem; margin: 0 auto;}
.cultureFlex { margin-top: .7rem; gap: .6rem; display: flex; justify-content: space-between; background: #f9f9f9; align-items: center;}
.cultureImg { width: 50.3%;}
.cultrueDesc { flex: 1;}
.cultrueDesc ul { display: flex; flex-direction: column; gap: .55rem;}
.cultrueDesc li { display: flex; align-items: center;}
.cultureIcon { display: flex; align-items: center; justify-content: center; width: clamp(30px,.51rem,51px); margin-right: .25rem;}
.cultureText span { color: #666666; font-size: var(--font18); display: block; line-height: 1; margin-bottom: .15rem;}
.cultureText p { font-size: var(--font24); line-height: 1; color: #333333;}
.growCont { background: url(../images/growBg.jpg) center no-repeat; background-size: cover; padding: 1rem 0 .8rem;}
.joinContainer { width: 1620px; max-width: calc(100% - 200px); margin: 0 auto;}
.growCont li {transition: all 1.5s; box-shadow: 0 5px 10px rgba(0,0,0,0.2); background: #ffffff;}
.growCont li:nth-child(2n) { margin-top: .7rem;}
.growCont ul { margin-top: 50px; height: 6.72rem; gap: .5rem; display: flex; justify-content: space-between;}
.growCont li { height: 4.38rem; width: calc((100% - 1.5rem)/4); overflow: hidden;}
.growMode {height: 100%; transition: all 1.5s; display: flex; flex-direction: column; justify-content: center; align-items: center;}
.growIcon img { height: clamp(32px,.77rem,77px);}
.growIcon { margin-bottom: .6rem;}
.growMode p { font-size: var(--font30); color: #333333; line-height: 1; margin-bottom: .1rem;}
.growMode span { display: block; color: #7a7a7a; font-size: var(--font24);}
.hoveritem { opacity: 0; position: relative; height: 0; overflow: hidden; transition: all 1.5s;}
.hoveritem img { object-fit: cover; display: block; width: 100%; height: 6.1rem;}
.growCont li:hover .growMode { transition: all 1.5s; height: 0; opacity: 0;}
.growCont li:hover .hoveritem { opacity: 1; height: 100%; opacity: 1; transition: all 1.5s;}
.growCont li:hover { transform: scale(1.05); height: 6.1rem;}
.hoveritem p { color: #ffffff; padding:0 .2rem .6rem; box-sizing: border-box; position: absolute; left: 0; bottom: 0; width: 100%; font-size: var(--font16); line-height: calc(1em + .1rem);}
.subDesc p { font-size: var(--font18); color: #7a7a7a; line-height: calc(1em + .08rem);}
.lifeCont .aboutTitle { margin-bottom: .35rem;}
.lifeCont { padding: 1rem 0 .75rem;}
.lifeSwiper img { display: block; width: 100%;}
.lifeSwiper .swiper-slide { position: relative; display: flex; flex-wrap: wrap; gap: .12rem;}
.imgSlide { position: relative; overflow: hidden;}
.imgSlide img { transition: all .8s;}
.imgSlide:hover img { transform: scale(1.1);}
.imgSlide:nth-child(1) { width: calc((100% - .24rem)*0.26);}
.imgSlide:nth-child(2) { width: calc((100% - .24rem)*0.48);}
.imgSlide:nth-child(3) { width: calc((100% - .24rem)*0.26);}
.imgSlide:nth-child(1) img {aspect-ratio: 52/40;}
.imgSlide:nth-child(2) img {aspect-ratio: 96/40;}
.imgSlide:nth-child(3) img {aspect-ratio: 52/40;}
.imgSlide:nth-child(4) { width: calc((100% - .12rem)*0.454);}
.imgSlide:nth-child(5) { width: calc((100% - .12rem)*0.546);}
.imgSlide:nth-child(4) img { aspect-ratio: 722/337;}
.imgSlide:nth-child(5) img { aspect-ratio: 853/331;}
.lifeSwiper { width: 1620px; max-width: calc(100% - 200px); margin: 0 auto;}
.lifeSwiper p { position: absolute; left: 0; bottom: .32rem; width: 100%; text-align: center; color: #ffffff; font-size: var(--font18);}
.lifeSwiper { position: relative; margin-top: .65rem;}
.lifeSwiper .swiper-button-prev,.lifeSwiper .swiper-button-next { font-size: 20px; color: #353535;}
.lifeSwiper .swiper-button-prev::after,.lifeSwiper .swiper-button-next::after { font-size: 20px;}
.lifeSwiper .swiper-button-prev { left: -40px;}
.lifeSwiper .swiper-button-next { left: auto; right: -40px;}
.lifeSwiper .swiper-button-prev:hover,.lifeSwiper .swiper-button-next:hover { color: #85372b;}
.jobCont { margin-bottom: 30px;}
.jobCont ul { margin-top: .63rem;}
.jobCont li { transition: all .4s; background:#ffffff; margin-bottom: .15rem; padding: 0 .24rem; }
.jobTitle { cursor: pointer; padding: 5px 0 .3rem; align-items: center;}
.titleText h2 { display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #dddddd; background: url(../images/join17.png) left center no-repeat; padding:.23rem 0 .23rem 33px; font-size: var(--font24); color: #222222; line-height: calc(1em + .1rem); margin-bottom: .3rem;}
.titleText p { display: flex; align-items: center; gap: .4rem;}
.titleText p span { display: inline-flex; align-items: center; gap: .12rem; color: #333333; font-size: var(--font15);}
.jobTitle i { background: url(../images/join15.png) center no-repeat; background-size: 100% auto; width: clamp(30px,.45rem,45px); height: clamp(30px,.45rem,45px); display: flex; justify-content: center; align-items: center; transition: all .4s; position: relative;}
.jobHide { display: none; padding: .3rem 0 .45rem; border-top: 1px solid #ebebeb;}
.jobHide h2 { font-size: var(--font18); color: #222222; line-height: calc(1em + .1rem);}
.jobHide p { font-size: var(--font18); color: #7a7a7a; line-height:calc(1em + .1rem);}
.jobHide .more { margin-top: .3rem;}
.jobCont li.cur .jobTitle i {background: url(../images/join16.png) center no-repeat; background-size: 100% auto;}
.jobCont { background: url(../images/joinBg.jpg) center no-repeat; background-size: cover; padding: 1rem 0 .85rem;}
.jobContainer { width: 1620px; max-width: calc(100% - 200px); margin: 0 auto;}
.jobCont li.cur .titleText h2 { color: #85372b; background: url(../images/join18.png) left center no-repeat;}
.joinContact { background: #ffffff;}
.joinContact dl {  display: flex; padding: .6rem .8rem .45rem 1rem; justify-content: space-between;}
.joinContact dt { flex: 1; border-right: 1px solid #e2e2e2;}
.joinContact dt:nth-child(2),.joinContact dt:nth-child(3) { max-width: 3.35rem; box-sizing: border-box; padding-left: .7rem;}
.joinContact dt:last-child { border: none;}
.joinContact dt:nth-child(1) { width: 3.5rem;}
.joinContact dt:last-child { padding-left: 1rem;}
.joinContact dt h2 { margin-bottom: .25rem; display: flex; align-items: center; gap: 12px; color: #333333; font-size: var(--font24);}
.joinContact dt p { color: #333333; font-size: var(--font18);}
.joinContact dt a { transition: all .4s; display: inline-flex; background: url(../images/moreIcon.png) right center no-repeat; padding-right: 12px; color: #333333;
font-size: var(--font18); transition: all .4s; margin-top: .8rem;}
.joinContact a:hover { color: #85372b; background: url(../images/moreIconon.png) right center no-repeat;}
.bannerDesc { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); color: #ffffff;}
.bannerDesc h2 { font-size: var(--font48); line-height: 1; margin-bottom: .12rem;}
.bannerDesc p { font-size: var(--font24); line-height: calc(1em + .1rem);}
.contactPage { background: url(../images/contac1.jpg) center no-repeat; background-size: cover;}
.telFlex { padding-top: .95rem; display: flex; justify-content: center;}
.telIcon { border-right: 1px solid #aaaaaa; text-align: center; padding: 0 .4rem;}
.telIcon img { display: block; margin: 0 auto .2rem;}
.telIcon p { color: #333333; font-size: var(--font18);}
.telNum { display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; padding: 0 .4rem;}
.telNum a { line-height: .52rem; margin-bottom: .2rem; font-weight: bold; font-size: var(--font36); color: #85372b;}
.telNum p { font-size: var(--font18); color: #000000; letter-spacing: .17rem;}
.chatOnline { margin-top: .45rem; text-align: center; font-size: var(--font18); color:#7a7a7a}
.chatOnline a { padding-right: 12px; margin-left: 9px; font-size: var(--font18); background: url(../images/moreIcon.png) right center no-repeat; transition: all .4s; color: #333333;}
.chatOnline a:hover { color: #85372b;background: url(../images/moreIconon.png) right center no-repeat;}
.contactTop .joinContact { background: none;}
.contactTop .joinContact dt { flex: none; width: auto; max-width: none; padding: 0; border: none;}
.contactTop .joinContact dl { border-top: 1px solid #b8b8b8; margin-top: .6rem; padding-bottom: .9rem; justify-content: space-between;}
.joinContact dt>img { margin-top: .17rem;}
.contactCard { padding: .35rem 0 .3rem;}
.cardFlex { display: flex; justify-content: space-between; gap: .3rem;}
.cardSlide { flex: 1; box-sizing: border-box; padding: .35rem .5rem;}
.cardSlide:nth-child(1) { background: url(../images/contac2.jpg) center no-repeat; background-size: cover;}
.cardSlide:nth-child(2) { background: url(../images/contac3.jpg) center no-repeat; background-size: cover;}
.cardTitle { color: #ffffff; display: flex; justify-content: space-between; align-items: end;}
.cardTitle h2 { font-size: var(--font36); line-height: 1;}
.cardTel p { font-size: var(--font16); line-height: 1;}
.cardTel span { display: block; font-size: var(--font24); line-height: .4rem;}
.cardSlide dl { color: #ffffff; margin-top: 1.1rem; display: flex; justify-content: space-between; text-align: center;}
.cardSlide dl img { display: block; margin: 0 auto .35rem;}
.cardSlide h3 { font-size: var(--font18); line-height: 1; margin-bottom: .23rem;}
.cardSlide p { font-size: var(--font14); line-height: calc(1em + 5px);}
.cityProduct ul { display: flex; flex-wrap: wrap; gap: .26rem .2rem;}
.cityProduct li { background: #fafafa; width: calc((100% - .8rem)/5);}
.cityImg { overflow: hidden;}
.cityImg img { display: block; transition: all .8s; width: 100%; object-fit: cover; aspect-ratio: 334 / 209;}
.cityText { padding: .2rem;}
.cityText h2 { transition: all .4s; font-size: var(--font18); line-height: 1.3; height: 2.6em; overflow: hidden;text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.cityProduct { padding: .8rem 0 .7rem;}
.cityText p { font-size: var(--font16); transition: all .4s; line-height: 1; margin-top: .13rem;}
.cityProduct li:hover .cityImg img { transform: scale(1.1);}
.cityPage { padding-bottom: clamp(30px,.45rem,45px);}
.serviceCont { width: 100%; padding: .9rem 0 .65rem;}
.serviceDesc { text-align: center; font-size: var(--font16); color: var(--color-gray-666); margin: 20px 0 40px;}
.serviceSearch { display: flex; justify-content: space-between; align-items: center; margin-top: .6rem; background: #f7f7f7; padding: .2rem .4rem;}
.searchLeft, .searchRight { display: flex; align-items: center;}
.searchLeft span, .searchRight span { font-size: var(--font16); color: var(--color-black); margin-right: 15px; white-space: nowrap;}
.provinceSelect, .citySelect { width: 150px; height: 37px; padding: 0 40px 0 15px; border: 1px solid var(--color-gray-ddd); font-size: var(--font14); color: var(--color-black); background: #fff url(../images/serviceIcon2.png) right 10px center no-repeat; background-size: 9px auto; appearance: none; -moz-appearance: none; -webkit-appearance: none; cursor: pointer; margin-right: 15px;}
.provinceSelect:focus, .citySelect:focus { outline: none; border-color: var(--color-active);}
.storeInput { max-width: 237px; height: 37px; padding: 0 15px; border: 1px solid var(--color-gray-ddd); font-size: var(--font14); color: var(--color-black); margin-right: 15px;}
.storeInput:focus { outline: none; border-color: var(--color-active);}
.confirmBtn { display: inline-block; height: 37px; line-height: 37px; width: 86px; background: var(--color-active); color: #fff; font-size: var(--font16); text-align: center; cursor: pointer; transition: all 0.3s;}
.confirmBtn:hover { color: #ffffff;}
.storeContent { margin: .45rem auto 0; gap: 15px; display: flex; justify-content: space-between;}
.storeList { width: 30%; max-height: 722px; overflow-y: auto; border: 1px solid var(--color-gray-eee); border-radius: 4px;}
.storeList ul { list-style: none;}
.storeList li { display: flex; align-items: flex-start; padding: .3rem 10px; border-bottom: 1px solid var(--color-gray-eee); cursor: pointer; transition: all 0.3s;}
.storeList li:last-child { border-bottom: none;}
.storeList li:hover { background: var(--color-gray-f6);}
.storeList::-webkit-scrollbar { width:2px;}
.storeList::-webkit-scrollbar-track { background: rgba(232, 232, 232, 1);}
.storeList::-webkit-scrollbar-thumb { background: #85372b;}
.storeIcon { width: 24px; margin-right: 15px; flex-shrink: 0;}
.storeInfo { flex: 1;}
.storeInfo h3 { font-size: var(--font24); color: var(--color-black); margin-bottom: 8px; font-weight: normal;}
.storeInfo p { font-size: var(--font18); color: var(--color-gray-666); line-height: 1.6;}
.storeMap { flex: 1; height: 722px; border: 1px solid var(--color-gray-eee); border-radius: 4px; overflow: hidden; position: relative; z-index: 1;}
#mapContainer { width: 100%; height: 100%;}
.serviceBottom { margin-top: .65rem; display: flex; justify-content: space-between; gap: .6rem;}
.serviceBottomItem { width: calc((100% - .6rem)/2); position: relative; overflow: hidden;}
.serviceBottomImg { width: 100%; height: auto; overflow: hidden; background:#000}
.serviceBottomImg img { width: 100%; height: auto; display: block; aspect-ratio: 771 / 403; transition: all .8s;}
.serviceBottomImg:hover img { transform: scale(1.1); opacity: .8;}
.serviceBottomText { background: #f5f5f5; padding: .35rem .4rem; color: #fff;}
.serviceBottomText h3 { font-size: var(--font24); color: #85372b; margin-bottom: 8px; font-weight: normal;}
.serviceBottomText p { font-size: var(--font18); color: #7a7a7a;}
.serviceQR { position: absolute; bottom: .3rem; right: .4rem; width: 140px;}
.serviceQR img { width: 100%; height: 100%; display: block;}
.commitmentCont { padding: .9rem 0;}
.commitmentBox { width: 1760px; max-width: calc(100% - 200px); margin: 0 auto;}
.commitmentDesc { text-align: center; font-size: var(--font16); color: var(--color-gray-666); margin: .3rem 0 .6rem;}
.commitmentList { margin-top: .6rem; margin-bottom: .7rem;}
.commitmentList ul { display: flex; justify-content: space-between; gap: .15rem;}
.commitmentList li { position: relative; height: clamp(300px,4rem,400px); width: calc((57.4% - .45rem)/3); transition: all .4s; background: #fafafa; overflow: hidden;}
.commitmentList li.act { width: 42.6%;}
.commitmentList li .modeTexts { transition: all .4s; transform: translateY(0); position: absolute; z-index: 2; text-align: center; color: #333; line-height: 1; left: 0; width: 100%; bottom: 1.45rem; font-size:var(--font36); font-weight: normal;}
.commitmentList li .modeTexts h2 { margin-top: .3rem; line-height: 1; font-size: var(--font24);}
.commitmentList li .hideTexts p { font-size: var(--font18);}
.commitmentList li .hideTexts { transition: all .4s; transform: translateY(10px); opacity: 0; position: absolute; left: 0; bottom: .8rem; width:100%; padding: 0 .3rem; color: #333; z-index: 3;}
.commitmentList li .hideTexts h3 { color:#333; font-size: var(--font24); margin: .23rem 0 .3rem; font-family: 'scm';}
.commitmentList li .hideLeft p { color:#333; font-size: var(--font18); line-height: 1.4;}
.commitmentList li .hideTexts img,.modeTexts img { height: clamp(40px,.68rem,68px);}
.commitmentList li.act .hideTexts { transform: translateY(0); opacity: 1; transition-delay: .4s;}
.commitmentList li.act .modeTexts { opacity: 0; transform: translateY(10px);}
.antiCounterfeit { background: url(../images/sebg1.jpg) center no-repeat; background-size: cover; padding: 1rem 0;}
.antiCounterfeitBox { width: 1760px; max-width: calc(100% - 200px); margin: 0 auto;}
.antiCounterfeitList { max-width: calc(100% - 200px); width: 1120px; margin:.7rem auto 0; display: flex; flex-wrap: wrap; gap: .52rem;}
.antiCounterfeitItem { transition: all .4s; text-align: center; padding: .68rem 0 .55rem; width: calc((100% - 1.04rem)/3); background: #fff; flex-direction: column; display: flex; align-items: center;}
.antiCounterfeitIcon { transition: all .4s;margin-bottom: .35rem; }
.antiCounterfeitIcon img { transition: all .4s; margin: 0 auto; display: block;}
.antiCounterfeitText { flex: 1;}
.antiCounterfeitText p { transition: all .4s;font-size: var(--font18); color: var(--color-gray-333); line-height: 1.4;}
.antiCounterfeitText h3 { transition: all .4s; font-size: var(--font24);}
.warrantyPeriodContent { background: url(../images/sebg2.jpg) center no-repeat; background-size: cover; padding: 1.5rem 0 1.45rem .95rem;}
.antiCounterfeitItem:hover,.usageMaintenanceItem:hover { background: #85372b; box-shadow: 0 0 10px rgba(0,0,0,0.2); transform: translateY(-5px);}
.antiCounterfeitItem:hover p,.antiCounterfeitItem:hover h3 { color: #ffffff;}
.antiCounterfeitItem:hover img { transform: rotateY(360deg);filter: brightness(0) invert(1);}
.warrantyPeriodBox { width: 1760px; max-width: calc(100% - 200px); margin: 0 auto;}
.warrantyPeriodContent { margin-top: .7rem; display: flex; justify-content: space-between; align-items: center;}
.warrantyPeriodLeft { flex: 1; padding-right: .5rem;}
.warrantyIcon { margin-bottom: .3rem;}
.warrantyPeriodLeft h2 { font-size: var(--font48); color: #ffffff; margin:.2rem 0 .5rem; font-weight: normal;}
.warrantyText { display: flex; align-items: center;}
.warrantyText p { font-size: var(--font36); color: #ffffff; line-height: 1.16;}
.warrantyDesc { margin-top: .35rem;}
.warrantyDesc p { font-size: var(--font18); color: #ffffff; line-height: 1.6;}
.warrantyPeriod { padding: 1rem 0 .5rem;}
.warrantyPeriodRight { width: 40%; flex-shrink: 0;}
.warrantyPeriodRight img { display: block; width: 100%; height: auto;}
.usageMaintenance { padding: .5rem 0;}
.usageMaintenanceBox { width: 1760px; max-width: calc(100% - 200px); margin: 0 auto;}
.usageMaintenanceList { margin-top: .6rem; display: flex; gap: .25rem;}
.usageMaintenanceItem { transition: all .4s; width: calc((100% - 1rem)/5); background: #fafafa; padding:.8rem .3rem .25rem;}
.usageMaintenanceIcon img { transition: all .4s; height: .96rem; margin: 0 auto .55rem; display: block;}
.usageMaintenanceText { text-align: center;}
.usageMaintenanceText h3 { transition: all .4s; font-size: var(--font24); color: var(--color-black); margin-bottom: .2rem; font-weight: normal;}
.usageMaintenanceText p { font-size: var(--font18); text-align: left; color: var(--color-gray-666); line-height: 1.6;}
.usageMaintenanceItem:hover .usageMaintenanceText h3 { color: #ffffff;}
.usageMaintenanceItem:hover .usageMaintenanceText p { color: #ffffff; opacity: .9;}
.usageMaintenanceItem:hover img {transform: rotateY(360deg);filter: brightness(0) invert(1);}
.serviceStep { width: 1465px; margin: 0 auto; max-width: calc(100% - 200px); padding: .9rem 0 1rem;}
.stepFlow { margin-top: .7rem;}
.stepRow { display: flex; align-items: start; justify-content: center; flex-wrap: wrap; list-style: none;}
.stepRow li span { display: flex; justify-content: center; align-items: center; margin: 0 auto; border: 1px solid #a1a1a1; width: 40px; height: 40px;
 border-radius: 50%; color: #9f9f9f; font-size: var(--font20);}
.stepItem { text-align: center; list-style: none;}
.stepIcon { transition: all .5s; width: 1rem; margin: 0 auto .32rem; border: 2px solid #ddd; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: #fff;}
.stepRow li:hover .stepIcon { background: #85372b; border-color: #85372b;}
.stepIcon img { transition: all .5s; width: 100%; display: block;}
.stepRow li:hover .stepIcon img { transform: rotateY(360deg); filter: brightness(0) invert(1);}
.stepRow:last-child { flex-direction: row-reverse;}
.stepRow:last-child .arrowLine img { transform: rotate(180deg);}
.stepItem p { font-size: var(--font18); color: #333333; margin-bottom: .3rem;}
.stepItem.act p { color: #85372b; font-weight: bold;}
.arrowLine { flex: 1;}
.arrowLine img { max-width: 50%; display: block; margin: .5rem auto 0; transform: translateY(-50%);}
.downArrow { overflow: hidden; margin: .25rem 0;}
.downArrow img { float: right; margin-right: .5rem; transform: translateX(50%);}
.servicePromise { padding: 1rem 0 .4rem; background: #f7f7f7;}
.servicePromiseBox { width: 1760px; max-width: calc(100% - 200px); margin: 0 auto;}
.servicePromiseSwiper { margin-top: .6rem; padding: .6rem 0;}
.servicePromiseSwiper .swiper-slide { text-align: center; width: calc(100% / 3);}
.servicePromiseSwiper .swiper-slide span { opacity: 0;}
.promiseItem { position: relative; text-align: center; position: relative; overflow: hidden; margin-bottom: .3rem; text-align: center;}
/* .promiseItem::after { content: ''; transition:all .4s; bottom: 0; background-image: linear-gradient(to bottom,rgba(255,255,255,0),rgba(255,255,255,.8)); position: absolute; left: 0; width: 100%; height: 0;}
.servicePromiseSwiper .swiper-slide-active .promiseItem::after { height: .8rem;} */
.servicePromiseSwiper .swiper-slide-active span { opacity: 1;}
.servicePromiseSwiper .swiper-slide p { font-size: var(--font24);}
.promiseItem img { width: 100%; aspect-ratio: 587/398; object-fit: cover; height: auto; display: block;}
.promiseItem span { box-sizing:border-box; transition: all .4s; background: rgba(255,255,255,.2); -webkit-backdrop-filter: blur(20px); backdrop-filter: blur(20px); z-index:2; padding: .15rem .2rem; font-size: var(--font18); color: #333333; position: absolute; bottom: 0; left: 0; text-align: center; width: 100%;}
.promiseItem p { font-size: var(--font24); color: var(--color-black); line-height: 1;}
.goldenService { padding: 1rem 0 .5rem;}
.goldenServiceBox { width: 1760px; max-width: calc(100% - 200px); margin: 0 auto;}
.goldenServiceList { margin-top: .7rem; display: flex; flex-wrap: wrap; gap: .3rem;}
.goldenServiceItem { width: calc((100% - 1.2rem)/5); transition: all .4s; text-align: center; background: #fafafa; padding:.7rem 0 .5rem;}
.goldenServiceItem:hover { background: #85372b; }
.goldenServiceItem img { transition: all .4s; height: clamp(32px,.8rem,80px); margin: 0 auto .6rem; display: block;}
.goldenServiceItem p { transition: all .4s; font-size: var(--font18); color: #333333; line-height: 1.3;}
.goldenServiceItem:hover p{ color: #ffffff;}
.goldenServiceItem:hover img { transform: rotateY(360deg);filter: brightness(0) invert(1);}
.goldenServiceItem:hover { box-shadow: 0 0 10px rgba(0,0,0,0.2);}
.goldenServiceItem:last-child:hover img { filter: none;}
.fiveHeartService { padding: .5rem 0 0;}
.fiveHeartServiceBox { width: 1500px; max-width: calc(100% - 200px); margin: 0 auto;}
.fiveHeartServiceBg { background: url(../images/heartbg.jpg) center no-repeat; margin-top: .7rem; background-size: cover; padding: .8rem 0 .7rem;}
.fiveHeartContent { display: flex; justify-content: space-between; align-items: flex-start;}
.fiveHeartLeft { flex: 1; padding-right: .5rem;}
.fiveHeartDesc { margin-bottom: .3rem;}
.fiveHeartDesc p { font-size: var(--font18); color:#ffffff; line-height: 1.6;}
.fiveHeartList { display: flex; flex-direction: column; gap: .3rem;}
.fiveHeartItem { display: flex; align-items: start;}
.fiveHeartItem img { width: 36px; margin-right: 10px; flex-shrink: 0;}
.fiveHeartText { flex: 1;}
.fiveHeartText h3 { font-size: var(--font24); color:#ffffff; font-weight: normal;}
.fiveHeartText p { white-space: nowrap; font-size: var(--font18); color:#ffffff; line-height: 1.5;}
.fiveHeartRight { width: 40%; flex-shrink: 0;}
.fiveHeartRight img { width: 100%; height: auto; display: block;}
.projectCont { padding: 1rem 0 0;}
.aboutProject { padding-bottom: .57rem;}
.aboutProjectBox { width: 1230px; max-width: calc(100% - 200px); margin: 0 auto;}
.projectStats { margin-top: 1.4rem; display: flex; justify-content: space-between;}
.statItem { border-right: 1px solid #dcdcdc; text-align: center; flex: 1;}
.statItem:last-child { border: none;}
.statItem h3 { font-size: var(--font32); color: var(--color-active); margin-bottom: 10px;}
.statItem h3 span { font-weight: bold; font-size: var(--font52);}
.statItem h3 sup {font-size: var(--font32); color: var(--color-active);}
.statItem:last-child h3 sup { font-size: var(--font18);}
.statItem p { font-size: var(--font18); color: var(--color-gray-666); line-height: 1.4;}
.projectDesc { margin-top: .7rem;}
.projectDesc p { text-align: center; font-size: var(--font18); color: var(--color-gray-666); line-height: 1.66;}
.projectStrength { background: #fcfcfc; padding: 1rem 0  1.25rem;}
.projectStrengthBox { width: 1615px; max-width: calc(100% - 200px); margin: 0 auto;}
.strengthList { margin-top: .7rem; display: flex; flex-wrap: wrap; gap: 8px;}
.strengthItem { background: #000000; position: relative; width: calc((100% - 16px)/3); overflow: hidden; cursor: pointer;}
.strengthItem img { transition: all .8s; width: 100%; height: auto; display: block; aspect-ratio: 944 / 532; object-fit: cover;}
.strengthCover { position: absolute; left: 0; text-align: center; width: 100%; top: 50%; transform: translateY(-50%);}
.strengthCover h3 { font-size: var(--font24); color: #ffffff; line-height: 1; margin-bottom: .25rem;}
.strengthCover span { border-radius: 2em; cursor: pointer; transition: all .4s; display: inline-flex; font-size: 14px; color: #ffffff; border: 1px solid #ffffff; line-height: 2; padding: 0 1em;}
.strengthCover:hover span { color: #ffffff; border:1px solid #85372b; background: #85372b;}
.strengthItem:hover img { transform: scale(1.1); opacity: .6;}
.hideStrength { width: 1200px; max-width: calc(100% - 200px); margin: 0 auto;}
.hideStrength li {opacity: 0; text-align: center; position: relative; height: 0px; overflow: hidden; transition: all .5s ease;}
.hideStrength li.act { display: flex; align-items: center; height: 128px; opacity: 1; flex-direction: column;justify-content: center;}
.hideStrength li p { color: #333333;}
.closeStrength { height: 24px; background: url(../images/gb.png) center no-repeat; background-size: 100% auto; cursor: pointer; width: 24px; position: absolute; right: 0; top: 10px;}
.closeStrength img { display: none;}
.closeStrength:hover { background: url(../images/gbRed.png) center no-repeat; background-size: 100% auto;}
.projectPartner { background: url(../images/projectbg.jpg) center no-repeat; background-size: cover; padding: 1rem 0 1.25rem;}
.projectPartnerBox { width: 1760px; max-width: calc(100% - 200px); margin: 0 auto;}
.partnerDesc { margin-top: .3rem; text-align: center;}
.partnerDesc p { font-size: var(--font18); color: #ffffff; line-height: 1.3;}
.partnerList { margin-top: 1.55rem; display: flex; flex-wrap: wrap; justify-content: center;}
.partnerItem { transition: all .4s; position: relative; overflow: hidden; width:20%; display: flex; align-items: center; justify-content: center;}
.partnerItem img { aspect-ratio: 315 / 150; width: 100%; height: auto; transition: all .8s; display: block;}
.partnerItem::after { content: ''; box-sizing: border-box; border: 1px solid #e5e5e5; position: absolute; transition: all .4s; left: 0; top: 0; width: 100%; height: 100%; box-sizing: border-box;}

.partnerItem:hover::after { opacity: 0;}
.projectCases { background: url(../images/pcasebg.jpg) center no-repeat; background-size: cover; padding: 1rem 0 .65rem;}
.projectCasesBox { width: 1760px; max-width: calc(100% - 200px); margin: 0 auto;}
.caseTabs { margin-top: .7rem; display: flex; justify-content: center; gap: .2rem;}
.caseTab { padding: .1rem .2rem; border-radius: .42rem; border: 1px solid #959595; color: var(--color-gray-333); cursor: pointer; font-size: var(--font18); transition: all 0.3s;}
.caseTab.act { background: var(--color-active); border: 1px solid var(--color-active); color: #fff;}
.caseList { margin-top: .7rem;}
.caseGroup ul { display: flex; flex-wrap: wrap; gap: 9px; list-style: none;}
.caseGroup li { position: relative; background: #000; width: calc((100% - 18px)/3); overflow: hidden; list-style: none;}
.caseGroup li img { width: 100%; height: auto; transition: all .8s; display: block; aspect-ratio: 530 / 296; object-fit: cover;}
.caseGroup li:hover img { transform: scale(1.1); opacity: .6;}
.caseText { position: absolute; top: .3rem; left: .24rem; right: 0; color: #fff;}
.caseText h3 { font-size: var(--font24); color: #85372b; line-height: 1; margin-bottom: .2rem;}
.caseText p { font-size: var(--font18); border-left: 1px solid #ffffff; padding-left: 14px; color: #fff; line-height: 1; margin-bottom:10px;}
.projectQuality { padding: 1rem 0 .55rem;}
.projectQualityBox { width: 1400px; max-width: calc(100% - 200px); margin: 0 auto;}
.qualityDesc { margin-top: .3rem; text-align: center;}
.qualityDesc p { font-size: var(--font18); text-align: center; color: var(--color-gray-666); line-height: 1.8;}
.qualityList { margin-top: .7rem; display: flex; justify-content: center; gap: .8rem;}
.qualityList a { width: calc((100% - 2.4rem)/4); cursor: pointer;}
.qualityList img { width: 100%; height: auto; display: block;}
.qualityList p { text-align: center; color: #333333; font-size: var(--font18); line-height: 1; transition: all .4s; margin-top: .28rem;}
.qualityList a:hover p { color: #85372b;}
.inBanner .swiper-pagination {  bottom: 48px;}
.inBanner .swiper-pagination span { opacity: 1; transition: all 0.3s; width: clamp(14px,.32rem,32px); height: 1px; background: rgba(255,255,255,.5);}
.inBanner .swiper-pagination span.swiper-pagination-bullet-active{ background: #ffffff;}
.proForm { z-index: 2; width: 369px; min-height: 463px; background: #fff; position: absolute; top: 50%; left: 11.0416vw; margin-top: -221.5px;}
.proForm>img { display: block; width: 100%;}
.proForm ul { padding: 22px 24px 20px 25px;}
.proForm li { margin-bottom: 13px; min-height: 42px; border: 1px solid #979797; position: relative; padding: 0 20px 0 60px;}
.proForm li>img { width: 20px; position: absolute; left: 14px; top: 50%; transform: translateY(-50%);}
.proForm li input { font-size: var(--font14); box-sizing: border-box; padding: 0; background: none; height: 42px; width: 100%; border: none;}
.proForm li>i { position: absolute; right: 13px; top: 50%; transform: translateY(-50%); width: 13px; display: block;}
.inBanner .swiper img { height: calc(-56px + 100vh); transform: scale(1.1); transition: all 2s; object-fit: cover;}
.newsBanner .swiper img { height: auto;}
.inBanner .swiper .swiper-slide:nth-child(1) img { object-position: left;}
.inBanner .swiper .swiper-slide { overflow: hidden;}
.inBanner .swiper .swiper-slide-active img { transform: scale(1);}
.typeChose { cursor: pointer; display: flex; flex-wrap: wrap; align-items: center; gap: 6px; min-height: 42px;}
.typeChose h2 { cursor: pointer; font-size: var(--font14); color: #bfbfbf; line-height: 42px; margin: 0; flex: 1;}
.typeChose h2.typePlaceholder { color: #bfbfbf;}
.typeTags { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; flex: 1;}
.typeTag { display: inline-flex; align-items: center; padding: 4px 8px; background: #f0f0f0; border-radius: 4px; font-size: var(--font12); color: #333; line-height: 1.2;}
.typeTagClose { margin-left: 6px; cursor: pointer; font-size: 16px; color: #999; line-height: 1; font-style: normal; font-weight: bold;}
.typeTagClose:hover { color: #333;}
.typeSelectLi { position: relative;}
.typeDropdown { position: absolute; top: 100%; left: 0; right: 0; background: #fff; border: 1px solid #979797; border-top: none; z-index: 1000; margin-top: 1px; box-shadow: 0 2px 8px rgba(0,0,0,0.15);}
.typeOption { position: relative; display: flex; justify-content: space-between; align-items: center; padding: 10px 15px; font-size: var(--font14); color: #333; cursor: pointer; transition: all 0.3s; border-bottom: 1px solid #f0f0f0;}
.typeOption:last-child { border-bottom: none;}
.typeOption:hover { background: #f5f5f5;}
.typeOption.selected { background: #e6f7ff; color: #85372b;}
.typeCheck { opacity: 0; color: #85372b; font-size: 16px; font-weight: bold; font-style: normal;}
.typeOption.selected .typeCheck { opacity: 1;}
.proForm li input::placeholder { color: #bfbfbf;}
.areaChose { cursor: pointer;}
.areaChose h2 { cursor: pointer; font-size: var(--font14); color: #bfbfbf; line-height: 42px;}
.areaChose h2.areaDisplay { color: #bfbfbf;}
.areaSelectLi { position: relative; overflow: visible;}
.proForm ul { overflow: visible;}
.areaCascader { position: absolute; top: 100%; left: 0; background: #fff; border: 1px solid #979797; border-top: none; z-index: 1000; margin-top: 1px; box-shadow: 0 2px 8px rgba(0,0,0,0.15); width: 100%; min-width: 369px;}
.cascader-panel { display: flex; max-height: 200px; width: 100%;}
.cascader-menu { flex: 1; min-width: 0; max-width: 33.33%; max-height: 200px; overflow-y: auto; overflow-x: hidden; border-right: 1px solid #f0f0f0; box-sizing: border-box;}
.cascader-menu:last-child { border-right: none;}
.cascader-menu-item { padding: 8px 12px; font-size: var(--font14); color: #333; cursor: pointer; transition: all 0.3s; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.cascader-menu-item:hover { background: #f5f5f5;}
.cascader-menu-item.selected { background: #85372b; color: #ffffff;}
.cascader-menu-item:first-child { color: #999; cursor: default;}
.cascader-menu-item:first-child:hover { background: transparent;}
.proForm button{ pointer-events: none; display: block; background: #d6d6d6; font-size:var(--font18); color: #ffffff; border: none; width: 285px; height: 44px; border-radius: 4px; margin: 0 auto;}
.proForm button.act { cursor: pointer; pointer-events: auto; background: #85372b;}
.franchise { background: url(../images/inv2.jpg) center no-repeat; background-size: cover; background-attachment: fixed; padding: 1rem 0 .75rem;}
.franchiseCont { width: 1625px; max-width: calc(100% - 200px); margin: 0 auto;}
.franchiseFlex { overflow:hidden; align-items: center; display: flex; justify-content: space-between; gap:2.9rem; padding: .8rem 1rem .8rem 1.3rem; background: rgba(0,0,0,.35);
margin-top: .75rem; min-height: 620px;}
.franchiseType { border-left: 1px solid #ffffff; padding:7px 0 7px 25px;}
.franchiseType span { margin-bottom: 60px; display: block; font-size: var(--font24); color: #ffffff; padding: 4px 0; line-height: 1; cursor: pointer; position:relative;}
.franchiseType span::after { content: ''; position: absolute; left: -27px; top: 0; width: 3px; height: 0; transition: all .4s;
background: #ffffff;}
.franchiseType span.cur::after { height: 100%;}
.franchiseType span.cur { font-family: scm;}
.franchiseType span:last-child { margin: 0;}
.franchiseGroup { flex: 1;}
.majorGood img { display: block; margin-bottom: .3rem;}
.majorGood p { color: #969696; font-size: var(--font18); line-height: 2;}
.majorGood p span { color: #ffffff; font-family: 'scb';}
.brandGood { padding-right: 1.3rem;}
.brandGood p { color: #969696; font-size: var(--font18); line-height: 2;}
.brandGood p span { color: #ffffff; font-family: 'scb';}
.brandFlex { margin-top: .45rem; display: flex; justify-content: space-between; align-items: center;}
.brandFlex li { color: #969696; font-size: var(--font18); line-height: 2em; position: relative; padding-left:clamp(7px,.14rem,14px)}
.brandFlex li::before { content: ''; position: absolute; left: 0; top:50%; transform: translateY(-50%); width: clamp(3px,.06rem,6px);
height:clamp(3px,.06rem,6px); background: #969696; border-radius: 50%;}

.manufactureGood li { margin-bottom: .5rem; color: #969696; font-size: var(--font18); line-height: 1.44; position: relative; padding-left:clamp(7px,.14rem,14px)}
.manufactureGood li::before { content: ''; position: absolute; left: 0; top:.72em; transform: translateY(-50%); width: clamp(3px,.06rem,6px);
height:clamp(3px,.06rem,6px); background: #969696; border-radius: 50%;}
.manufactureGood li span {color: #ffffff; font-family: 'scb';}
.manufactureGood li:last-child { margin-bottom: 0;}
.shopGood li { margin-bottom: .3rem; gap: .24rem; display: flex; align-items: start; justify-content: space-between;}
.shopText { flex: 1;}
.shopGood li .shopNum { line-height: .8; font-size: var(--font48); font-weight: bold; background-image: linear-gradient(to bottom, rgb(163,161,160), rgba(163,161,160,0)); -webkit-background-clip: text; color: transparent; display: inline-flex;}
.shopText h2 { margin-bottom: .1rem; font-size: var(--font24); line-height: 1.33; color: #ffffff;}
.shopGood li:last-child { margin: 0;}
.shopText p { font-size: var(--font18); color: #969696;}
.suportFive ul { display: flex; flex-wrap: wrap; gap: .4rem 1.8rem;}
.suportFive li { width: calc((100% - 1.8rem)/2);}
.suportFive li h2 { margin-bottom: .15rem; display: flex; align-items: center; color: #ffffff; gap: 10px; font-family: 'scb'; font-size: var(--font24);}
.suportFive li p { font-size: var(--font18); color: #969696; line-height: 1.44;}
.storyJoin { background: url(../images/inv32.jpg) center no-repeat; background-size: cover; padding: 1rem 0 .9rem;}
.suportTitle { margin-top: .5rem;}
.suportTitle h2 { font-size: var(--font36); color: #333333;}
.suportTitle p { margin-top: 1.333em; font-size: var(--font18); color: #666666; line-height: 1.333;}
.suportList { width: 1625px; max-width: calc(100% - 200px); margin: .85rem auto 0; background: rgba(71,58,46,.34);}
.suportList ul:after { content: ''; clear: both; display: block; height: 0;}
.suportList li {height: clamp(300px, 4.3rem, 430px); padding: 0 .2rem; border-right: 1px solid #cecbc8; box-sizing: border-box; transition: all .8s; display: flex; flex-direction: column; justify-content: center; align-items: center; float: left; box-sizing: border-box; width: 14.45%; text-align: center;}
.suportList li.act { padding: 0 .45rem; text-align: left; width: 42.2%; align-items: start;}
.suportList li h2 { color: #ffffff; font-size: var(--font24);}
.suportList li img {transition-delay: .8s; display: inline-flex; margin-bottom: .32rem; height: clamp(32px,.88rem,88px);}
.suportList li p { transition-delay: .8s; height: 0; overflow: hidden; opacity: 0; transition: all .4s; font-size: var(--font18); color: #ffffff; line-height: 1.33;}
.suportList li.act p { margin-top: .2rem; transition-delay: .4s; opacity: 1; height: 2.66em;}
.suportList li:last-child { border: none;}
.eightHelp { padding: 1rem 0 .7rem;}
.eightCont { position: relative; background: url(../images/inv34.png) center no-repeat; width: 8.2rem; margin:.7rem auto 0; background-size: 100% auto;}
.centerCircle { position: relative; width: 5.67rem; margin: 0 auto;}
.rollCircle { border: .15rem solid #fcfcfc; border-radius: 50%; display: block; width: 100%; animation: rotateAni 20s infinite linear; }
@keyframes rotateAni{
	0% { transform: rotate(0);}
	100% { transform: rotate(360deg);}
}
.postInfor { position: absolute; left:50%; top: 50%; transform: translate(-50%,-50%);}
.postInfor p { text-align: center; font-size: var(--font36); line-height: 1; color: #85372b; margin-top: .28rem;}
.eightCont ul { gap:.45rem 5rem; width: 1625px; max-width: 92vw; display: flex; flex-wrap: wrap; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.eightCont li { box-sizing: border-box; font-size: var(--font24); gap: .4rem; color: #85372b; align-items: center; display: flex; width: calc(50% - 2.5rem);}
.eightCont li:nth-child(odd) { flex-direction: row-reverse;}
.eicon { background: #ffffff; transition: all .4s; border: 1px solid #85372b; width: 1.29rem; border-radius: 50%;}
.eicon img { transition: all .4s; display: block; width: 100%;}
.eightCont li:nth-child(3),.eightCont li:nth-child(5) { padding-right: 1rem;}
.eightCont li:nth-child(4),.eightCont li:nth-child(6) { padding-left: 1rem;}
.eightDesc { margin-top: .8rem; line-height: 1.333; text-align: center; font-size: var(--font18); color: #333333;}
.eightCont li:hover .eicon { background:#85372b; border: 1px solid #85372b;}
.eightCont li:hover .eicon img {filter: brightness(0) invert(1); transform: rotateY(360deg);}
.conditions { background: url(../images/inv16.jpg) center no-repeat; background-size: cover; padding: 1rem 0 1.15rem;}
.conditionCont { background: rgba(67,55,46,.34); padding: .4rem .85rem .4rem .3rem; width: 1625px; max-width: calc(100% - 200px); margin: .6rem auto 0;}
.conditionCont li { align-items: center; gap: 1.05rem; margin-bottom: .55rem; display: flex; justify-content: space-between;}
.conditionCont li h2 { transition: all .4s; color: #ffffff; font-size: var(--font24); width: 8.9em; line-height: calc(1em + .2rem); border-right: 1px solid #ffffff;}
.conditionCont p { transition: all .4s; flex: 1; font-size: var(--font18); color: #ffffff; line-height: calc(1em + .1rem);}
.conditionCont li:last-child { margin-bottom: 0;}
.conditionCont li:hover h2,.conditionCont li:hover p { color: #85372b;}
.conditionCont li:hover h2 { border-right: 1px solid #85372b;}
.joinDesc { width: 750px; margin: .4rem auto .6rem; text-align: center; max-width: calc(100% - 200px); color: #7a7a7a; font-size: var(--font18);}
.formJoing { padding: 1rem 0 .45rem;}
.joinImg { background: #000; overflow:hidden;}
.prevPeo { z-index: 2; cursor: pointer; width: 40%; position: absolute; left: 0; top: 0; height: 100%;}
.nextPeo { z-index: 2; cursor: pointer; width: 40%; position: absolute; right: 0; top: 0; height: 100%;}
.joinImg img { display: block; object-fit: cover; width: 100%; transition: all .8s; aspect-ratio: 607/352;}
.formJoing .swiper-slide p { display: none; text-align: center; font-size: var(--font18); line-height: 1; color: #333333; margin-top: .25rem;}
.formJoing .swiper-slide:hover img { transform: scale(1.1); opacity: .6;}
.formJoing .swiper-slide:hover p { color: #85372b;}
.formJoing .swiper { padding-bottom: .6rem;}
.formJoing .swiper-pagination { bottom: 0;}
.formJoing .swiper-pagination span { border-radius: 0; background: #969696; width: clamp(30px,.48rem,48px); height: 1px;}
.formJoing .swiper-pagination span.swiper-pagination-bullet-active { background: #85372b;}
.models { background: url(../images/teambg.jpg) center no-repeat; background-size: cover; padding: 1rem 0 1.1rem;}
.peopleSwiper { position: relative; text-align: center; width: 1625px; margin: .85rem auto .6rem; max-width: calc(100% - 200px);}
.peopleIcon { transition: all .4s; transform-origin: center bottom; margin: 0 auto .28rem; width: 1.7rem; height: 1.7rem; border: .1rem solid #e8e8e8; padding: 4px; border-radius: 50%; position: relative;}
.peopleIcon img { transition: all .4s; aspect-ratio: 1 / 1; object-fit: cover; display: block; width: 100%;}
.peopleSwiper p{ position: relative; margin-bottom: .15rem; padding-bottom: .13rem; line-height: 1; color: #333333; font-size: var(--font24);}
.peopleSwiper .swiper { width: 100%;}
.peopleSwiper p:after { content: ''; transition: all .4s; width: 26px; height: 2px; background: #000000; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%);}
.peopleSwiper .swiper { padding-top: .56rem;}
.peopleSwiper .swiper-slide-active .peopleIcon { padding: 0; border: .08rem solid #85372b; transform: scale(1.1);}
.peopleSwiper .swiper-slide-active p { color: #8c4237;}
.peopleSwiper .swiper-slide-active p:after { background: #8c4237;}
.peopleSwiper span { transition: all .4s; font-size: var(--font18); color: #333333; display: block; line-height: 1; transition: all .4s;}
.peopleSwiper .swiper-slide-active span { color: #8c4237;}
.descSwiper { width: 1068px; max-width: calc(100% - 200px); margin: 0 auto; position: relative;}
.descSwiper .swiper-slide { text-align: center; padding: .4rem 0 .25rem; gap: .25rem; display: flex; flex-direction: column; justify-content: center; align-items: center; height: auto;
background: rgba(255,255,255,.76);}
.descSwiper .swiper-slide p { font-size: var(--font18); color: #333333; line-height: 1.33;}
.descSwiper .swiper-button-prev,.descSwiper .swiper-button-next { font-size: 20px; color: #353535;}
.descSwiper .swiper-button-prev::after,.descSwiper .swiper-button-next::after { font-size: 20px;}
.descSwiper .swiper-button-prev { left: -40px;}
.descSwiper .swiper-button-next { left: auto; right: -40px;}
.descSwiper .swiper-button-prev:hover,.descSwiper .swiper-button-next:hover { color: #85372b;}
.descSwiper::before { content: ''; position: absolute; left: 50%; top:-18px; height: 36px; width: 2px; transform: translateX(-50%); background: #8c4237; z-index: 2;}
/* 加盟流程 */
.franchiseProcess { padding: 1rem 0 .9rem;}
.processFlow { margin-top: 1rem; position: relative;}
.processIllustration img { max-width: 100%; display: block; margin: 0 auto; height: auto;}

/* 加入百能家居 */
.joinBaineng {  background: url(../images/inv22.jpg) center no-repeat; background-size: cover; padding: 1rem 0 .8rem; position: relative;}
.joinBanner .bgContainer { position: relative; z-index: 2;}
.joinTitle { text-align: center; margin-bottom: 2rem;}
.joinTitle h2 { font-size: 2.5rem; color: #fff; margin-bottom: .5rem;}
.joinTitle p { font-size: var(--font18); color: #fff;}
.joinForm { width: 1300px; max-width:100%; margin: 0 auto;}
.joinForm ul { display: flex; flex-wrap: wrap; gap: .38rem;}
.joinForm li { flex: 1; position: relative; padding: 0 20px 0 50px; height: 50px; display: flex; align-items: center; border: 1px solid #ffffff;}
.joinForm li>img { position: absolute; left: 12px; top: 50%; transform: translateY(-50%);}
.joinForm li input { color: #ffffff; font-size: var(--font14); box-sizing: border-box; padding: 0; background: none; height: 50px; width: 100%; border: none;}
.joinForm li i { position: absolute; right: 15px; top: 50%; transform: translateY(-50%); width: 16px; display: block;}
.joinAreaChose, .joinTypeChose { cursor: pointer; display: flex; flex-wrap: wrap; align-items: center; gap: 6px; min-height: 50px; width: 100%;}
.joinAreaChose h2, .joinTypeChose h2 { cursor: pointer; font-size: var(--font14); color: #999; line-height: 50px; margin: 0; flex: 1;}
.joinAreaDisplay, .joinTypePlaceholder { color: #999;}
.joinTypeTags { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; flex: 1;}
.joinAreaCascader, .joinTypeDropdown { position: absolute; top: 100%; left: 0; right: 0; background: #fff; border: 1px solid #ddd; border-top: none; z-index: 1000; margin-top: 1px; box-shadow: 0 2px 8px rgba(0,0,0,0.15);}
.joinSubmitBtn { gap: .25rem; display: flex; justify-content: center; align-items: center; margin: .55rem auto 0; width:2.25rem; height: .58rem; border: 1px solid #ffffff; border-radius:58px; background: none; color: #fff; font-size: var(--font18); cursor: pointer; transition: all 0.4s;}
.joinSubmitBtn img {filter: brightness(0) invert(1);}
.joinTypeChose .typeTag i { position: static; transform: translate(0); width: auto;}
.joinForm .joinTypeTags { gap: 2px;}
.joinForm li p { font-size:var(--font16); position: absolute; left: 0; top: 0; color: #ffffff; transform: translateY(calc(-100% - .2rem));}
.joinForm li p b { color: #ff0000;}
.joinForm { margin-top: 1.15rem;}
.joinSubmitBtn:hover { background: #85372b; border:1px solid #85372b;}
/*aside*/
.asideNav { box-shadow: 0 0 10px rgba(0,0,0,0.1); transition: all .4s; opacity: 1; transform: translateY(-50%); visibility: visible; z-index: 2; position: fixed; top: 50%; padding: 10px 0; right: 0; width: 68px; background: #f0f0f0; border-radius: 4px;}
.asideNav.hideAside { opacity: 0; visibility: hidden; right: -10px;}
.asideIcon img { display: block; margin: 0 auto;}
.asideIcon { margin-bottom: 8px;}
.modeAside { text-align: center;}
.modeAside p { font-size: 13px; color: #333333; line-height: 1;}
.asideNav li { cursor: pointer; position: relative; margin-bottom: 28px;}
.asideNav li:last-child { margin: 0;}
.closeAside { z-index: 3; position: absolute; top: 9px; right: 6px; cursor: pointer;}
.asideScan { display: none; padding: 15px 0 9px; border-radius: 4px; width: 130px; top: -19px; position: absolute; right: calc(100% + 14px); background: #ffffff;}
.asideScan img { display: block; margin: 0 auto 10px;}
.asideScan p { text-align: center; font-size: 13px; color: #333333;}
.asideScan::after { content: ''; width: 10px; height: 10px; transform: rotate(45deg); position:absolute;right: -5px; top: 22px; background: #ffffff;}
.asideNav li:hover .asideScan { display: block;}
.kfitem {width: 130px;height: 320px;position: absolute;top: -10px;right: calc(100% + 14px);display: none;text-align: left;}
.asideNav li:hover .kfitem { display: block;}
.kftel {border: 1px solid #b49c8e;border-radius: 5px;background: #f0f0f0;overflow: hidden;}
.kftelt,.kfmat {text-indent: 40px;height: 45px;line-height: 45px;color: #fff;background: #b49c8e;font-size: 16px;}
.kftelt {background: #85372b url('../images/chat.png') 15px center no-repeat;background-size: 18px;}
.kftelc {height: auto;padding: 20px 0 20px 20px;font-size: 12px;color: #333;line-height:1.5;}
.kftelc strong { display: block;}
.kftelc p:not(:last-child) { margin-bottom:6px;}
.smallAside{z-index: 2;width: 40px;border: none; margin-top:-114px; right: 10px;background: rgba(255, 255, 255, 0.6);visibility: hidden;opacity: 0;border-radius: 10px 0 0 10px ;position: fixed; top: 50%;transition: all .5s;}
.smallAside.showState {right: 0; opacity: 1; visibility: visible;}
.smallAside li>img,.smallAside li>a img { transform: scale(.8); display: block; margin: 0 auto;}
.smallAside li { cursor: pointer; position: relative; color:#85372b; height: 52px; display: flex; justify-content: center; text-align: center; align-items: center;}
.smallAside li:last-child { cursor: pointer; height: auto; margin: 0;}
.smallAside li:hover .kfitem { display: block;}
.smallAside li:hover .asideScan { display: block;}
.smallAside .kfitem { top: 0;}
.smallAside .kftel { height: 228px;}
#videoCover {display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 100; background: rgba(0,0,0,0.5);}
.videoAlt video { object-fit: cover; max-height: 70vh; display: block; width: 100%;}
.closeVideo {z-index: 2; cursor: pointer; transition: all .5s; background: url(../images/close.png) center no-repeat ; border-radius:50%; width: 40px; height: 40px; display: block; position: absolute; right: 0; top: -50px;}
.closeVideo:hover { transform: rotate(360deg);}
.videoAlt:hover .closeVideo { opacity: 1;}
.videoAlt { display: none; z-index: 200; width: 1100px; position: fixed; left: 50%; top: 50%; transform: translate(-50%,-50%); max-width: 90%;}
/**/
.projectAside { width: clamp(130px,1.71rem,170px); transition: all .4s; opacity: 1; visibility: visible; position: fixed;right: 0; top: 50%; transform: translateY(-50%); background: #85372b; border-radius: 8px; overflow: hidden;}
.zsText a { padding:.2rem 0; display: flex; justify-content: center; align-items: center; color: #ffffff; gap: 7px;}
.zsText p { font-size: var(--font16);}
.zsText img { width: clamp(20px,.27rem,27px);}
.closePro { cursor: pointer; position: absolute; right: 7px; top: 8px;}
.smallProject { overflow: hidden; border-radius: 8px 0 0 8px; opacity: 0; position: fixed; right: 10px; top: 50%; transform: translateY(-50%); cursor: pointer; transition: all .4s; visibility: hidden;}
.smallProject.show { opacity: 1; right: 0; visibility: visible;}
.smallProject img { display: block; width: 100%;}
.projectAside.hideProject { opacity: 0; right: 10px; visibility: hidden;}
/**/
.systemSwiper { padding-bottom: .32rem; background: #ffffff; z-index: 2; position: relative;}
.systemSwiper .swiper-slide img {filter: brightness(.8); transform: scale(1); transition: all 1.5s; display: block; width: 100%; aspect-ratio: 1920 / 949; object-fit: cover;}
.systemSwiper .swiper-slide-active img { transition: all 5s; transform: scale(1.1);}
.systemCont { z-index: 2; position: absolute; left: 50%; transform: translateX(-50%); top: .84rem; bottom: .84rem; border-left: 1px solid rgba(255,255,255,.6);}
.systemCont li { margin-bottom: .3rem; top: 80%; cursor: pointer; transition: all .8s; color: #ffffff; display: flex; justify-content: space-between;}
.systemCont ul { padding-left: .55rem; position: relative; height: 100%; display: flex; flex-direction: column; justify-content: end;}
.systemCont li.act { position: absolute; top: 0; left: .55rem; width: calc(100% - .55rem);}
.systemCont li h2 { font-size: var(--font24); line-height: 1;}
.systemCont li span { display: block; overflow: hidden;visibility: hidden; opacity: 0; transition: all .4s; height: 0; font-size: var(--font36);}
.systemCont li p {  opacity: 0; font-size: var(--font24); line-height: var(--font36);}
.systemCont li.act h2 { font-size: var(--font36);}
.systemCont li.act span { visibility: visible; opacity: 1; height: auto;}
.systemCont li.act p { transition: all .8s; opacity: 1;}
.systemCont .more { position: absolute; right: 0; bottom:0;}
/**/
.proBanner { position: absolute; left: 50%; transform: translateX(-50%); width: 1530px; max-width: calc(100% - 200px); top: 1.86rem; color: #ffffff;}
.proBanner p { display: inline-flex; align-items: center; margin-bottom: .1rem; font-size: var(--font24); line-height: 1;}
.proBanner p span { width: 1px; height: 20px; margin: 0 9px; background: #ffffff; display: inline-flex;}
.proBanner h2 { margin-bottom: .32rem; font-size: var(--font72); font-family: 'scm';}
.partnerItem { position: relative;}
.partnerItem span { position: absolute; background: #85372b; transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);} 
.partnerItem:hover .line_t,
.partnerItem:hover .line_b {
  width: 100%;
}
.partnerItem:hover .line_r,
.partnerItem:hover .line_l {
  height: 100%;
}
.line_t {
  top: 0;
  left: 0;
  width: 0;
  height: 1px;
}
.line_r {
  top: 0;
  right: 0;
  width: 1px;
  height: 0;
}
.line_b {
  right: 0;
  bottom: 0;
  height: 1px;
  width: 0;
}
.line_l {
  bottom: 0;
  left: 0;
  width: 1px;
  height: 0;
}
/*2026-1-23*/
.articlePage { background-image: linear-gradient(to bottom, #f6f6f6,#ffffff); padding:2rem 0 .4rem;}
.articleTitle { border-bottom: 1px solid #d2d2d2; margin-bottom: .6rem; padding-bottom: .3rem;}
.articleTitle h2 { position: relative; z-index: 2; font-size: var(--font36); color:#333333;}
.articleTitle h2 span { position: absolute; line-height: 1; bottom: 0; font-size: var(--font80); color: #afafaf; opacity: .2;}
.titleTag { margin-top: .3rem; display:flex; align-items: center; gap: .28rem;}
.titleTag p { font-size: var(--font16); gap: 8px; display: flex; align-items: center;}
.titleTag p img { display: block;}
.articleFlex { align-items: start; display: flex; justify-content: space-between; gap: .62rem;}
.social-share .icon-wechat .wechat-qrcode { width: 150px; left: -60px; text-align: center; top: auto; bottom: -170px; height: 152px;}
.wechat-qrcode .help { display: none;}
.social-share .icon-wechat .wechat-qrcode:after { top: -13px; bottom: auto; transform: rotate(180deg);}
.social-share .icon-qq:before { content: ''; width: 100%; height: 100%; position: absolute; left: 0; top:0; background: url(../images/articleShare1.png) center no-repeat;}
.social-share .icon-weibo:before { content: ''; width: 100%; height: 100%; position: absolute; left: 0; top:0; background: url(../images/articleShare2.png) center no-repeat;}
.social-share .icon-wechat:before { content: ''; width: 100%; height: 100%; position: absolute; left: 0; top:0; background: url(../images/articleShare3.png) center no-repeat;}
.social-share .social-share-icon { border: 1px solid #85372b;}
.social-share .social-share-icon:hover { background: #85372b;}
.social-share .social-share-icon:hover:before {filter: brightness(0) invert(1);}
.articleAside { transition: all .4s; position: sticky; top: 0; width: 430px; background: #f6f6f6; padding: 15px 30px 0;}
.articleAside h2 { border-bottom: 1px solid #85372b;}
.articleAside h2 span { display: inline-flex; position: relative; line-height: 2; font-size: var(--font24);}
.articleInfor { flex: 1;}
.articleAside a { display: flex; gap: .25rem; justify-content:space-between;}
.asideImg { overflow: hidden; width: 170px;}
.asideImg img { display: block; width: 100%; transition: all .8s; object-fit: cover; aspect-ratio: 170 / 110;}
.asideText { padding-top: .13rem; flex: 1;}
.articBar p { margin-bottom: 1.5em; font-size: var(--font18); color: #333333; line-height: 2;}
.articBar img { display: block; margin: 0 auto 1.5em; max-width: 100%;}
.articleAside li{ padding: .2rem 0; border-bottom: 1px solid #bfbfbf;}
.articleAside li:last-child { border: none;}
.articleAside li b {  display: flex; align-items: center; font-size: var(--font14); color: #666; gap: 10px;}
.articleAside li b img { width: 5px;}
.articleAside li:hover .asideImg img { transform: scale(1.1);}
.asideText>span { color: #85372b; display: block; line-height: 1; font-size: var(--font14);}
.asideText p {overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2;-webkit-box-orient: vertical; font-size: var(--font16); color: #333333; line-height: calc(1em + 6px); margin: .1rem 0;}

#share{ display: flex; align-items: center; font-size: var(--font16);}
#share span:nth-child(1) { margin-right:5px;}
.articleControl { padding: .25rem 0 .4rem; border-top: 1px solid #d2d2d2; display: flex; justify-content: space-between; align-items: center;}
.prevPages { width: calc(50% - 1.6rem); gap: .12rem; display: flex; align-items: center;}
.prevPages b { background: url(../images/articleIcon3.png) left center no-repeat; font-size: var(--font18); padding: 0 8px 0 15px; border-right: 1px solid #3f3f3f;} 
.articleControl span { flex: 1; font-size: var(--font16); overflow: hidden;text-overflow: ellipsis;  display: -webkit-box; -webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.nextPages {width: calc(50% - 1.6rem); gap: .12rem; display: flex; align-items: center;}
.nextPages b { background: url(../images/articleIcon4.png) right center no-repeat; font-size: var(--font18); padding: 0 15px 0 8px; border-left: 1px solid #3f3f3f;} 
.articleControl .backMenu { font-size: var(--font18); line-height: 1; width: clamp(50px,.85rem,85px); height: clamp(50px,.85rem,85px); border-radius: 50%; color:#85372b; transition: all .4s; display: flex; flex-direction: column; justify-content: center; align-items: center; box-sizing: border-box; border: 1px solid #85372b;}
.articleControl .backMenu img { width: 30%; display: block; margin: 0 auto .1rem; transition: all .4s;}
.articleControl .backMenu:hover { background: #85372b; color:#ffffff}
.articleControl .backMenu:hover img {filter: brightness(0) invert(1);}
.articleControl .prevPages:hover b { background: url(../images/articleIcon3on.png) left center no-repeat;border-right: 1px solid #85372b;}
.articleControl .nextPages:hover b { background: url(../images/articleIcon4on.png) right center no-repeat;border-left: 1px solid #85372b;}
.show-header .articleAside { top: 100px;}
.mobDesc { display: none;}
@media (max-width: 1880px) {
  .container,.jobContainer,.lifeSwiper,.joinContainer,.joinCulture {
    max-width: calc(100% - 200px);
  }
}
.postVideo {width: 100%; height: 100vh; position: sticky; top: 0; left: 0; margin-top: -100vh; z-index:-1;}
.postVideo video{display: block; width: 100%;  height: 100%;object-fit: cover;    object-position: center;}
.homeMain { padding-top: 30px; position: relative;}
.homeMain .cellSwiper { position: relative; z-index: 2; padding-bottom: 30px; background: #ffffff;}
.homeMain .businessSlide { padding-top:30px; background: #ffffff; z-index: 2;}
.mobileDesc { display: none;padding: 10px 20px 0; line-height: 1.5; text-align: center; font-size: 14px;color: #333333;}
.itemPost { position: relative;}

/**/
.specialPage { position: relative; background: #000;}
.specialPage::after { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,.45);}
.specialBanner img { display: block; width: 100%; height: 100%; object-fit: cover; animation: aniScale 8s linear forwards;}
.specialBanner video { display: block;width: 100%; height: 100%; object-fit: cover;}
.specialBanner { height: 100vh; overflow: hidden; position: relative;}
.specialDesc { z-index: 2;  line-height: calc(1em + .1rem); text-align: center; font-size: var(--font48); width: 100%; position: absolute; top:1.8rem; text-align: center; color:#ffffff}
.gellaryText {pointer-events: none; z-index: 2; padding: 0 0 0 3.46rem; position: absolute; left: 0; top: 0; height: 100%; display: flex; justify-content: center; flex-direction: column;}
/* 健康家居影像矩阵 */
.gellaryCont {
  background: url(../images/special2.jpg) center no-repeat;
  background-size:cover;

  height: 100vh;
}


.gellaryText p {
  font-size: var(--font48);
  line-height: calc(1em + .1rem);
  color: #fff;
}
.gellaryText p:nth-child(2) {
	color: #9E9E9E;
	font-size: var(--font18);
	line-height: calc(1em + .1rem);
}
.gellaryLine2 {
  margin-top: .4rem;
}

.gellaryItem {
  position: absolute;
  overflow: hidden;
  box-shadow: 0 0 .06rem rgba(0,0,0,0.6);
  border-radius: .02rem;
}
.gellaryItem img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* 以 100px = 1rem 为单位的大致还原图块位置（每个 gellaryItem 向上移 1rem） */
.gellaryItem1  { width: .72rem;  height: .72rem;  left: 8.85rem;  top: 1.4rem;   }
.gellaryItem2  { width: 1.12rem; height: 1.12rem; left: 9.88rem; top: 1.54rem;  }
.gellaryItem3  { width: 0.76rem; height: 0.76rem; left: 13.64rem;  top: 1.71rem;   } /* 76px */
.gellaryItem4  { width: 0.55rem; height: 0.55rem; left: 9.37rem;  top: 3.04rem;   } /* 55px */
.gellaryItem5  { width: 0.55rem; height: 0.55rem; left: 9.98rem; top: 3.04rem;   } /* 55px */

.gellaryItem6  { width: .55; height: .55rem; left: 9.98rem;  top: 3.99rem;   } /* 55px */
.gellaryItem7  { width: 1.03rem; height: 1.03rem; left: 11.02rem;  top: 2.67rem;   } /* 103px */
.gellaryItem8  { width: 1.03rem; height: 1.03rem; left: 11.02rem;  top: 3.79rem;   } /* 103px */
.gellaryItem9  { width: 2.13rem; height: 2.13rem; left: 12.24rem;  top: 2.67rem;   } /* 213px */
.gellaryItem10 { width: 1.02rem; height: 1.02rem; left: 14.48rem; top: 2.67rem;   } /* 102px */

.gellaryItem11 { width: 1.02rem; height: 1.02rem; left: 14.48rem;  top: 3.79rem;   } /* 102px */
.gellaryItem12 { width: 0.77rem; height: 0.77rem; left: 15.98rem;  top: 6.07rem;   } /* 77px */
.gellaryItem13 { width: 1.08rem; height: 1.08rem; left: 17.03rem;  top: 6.07rem;   } /* 108px */
.gellaryItem14 { width: 1.10rem; height: 1.10rem; left: 12.07rem; top: 4.92rem;   } /* 110px */

.gellaryItem15 { width: 1.10rem; height: 1.10rem; left: 13.23rem;  top: 4.92rem;   } /* 110px */
.gellaryItem16 { width: 1.10rem; height: 1.10rem; left: 14.38rem;  top: 4.92rem;   } /* 110px */
.gellaryItem17 { width: 1.87rem; height: 1.87rem; left: 15.68rem;  top: 4.13rem;   } /* 187px */
.gellaryItem18 { width: 1.02rem; height: 1.02rem; left: 7.23rem;  top: 6.35rem;   } /* 102px */
.gellaryItem19 { width: 1.10rem; height: 1.10rem; left: 8.51rem; top: 6.86rem;   } /* 110px */

.gellaryItem20 { width: 1.10rem; height: 1.10rem; left: 9.8rem;  top: 4.92rem;   } /* 110px */
.gellaryItem21 { width: 2.18rem; height: 2.18rem; left: 9.8rem;  top: 6.11rem;   } /* 218px */
.gellaryItem22 { width: 0.90rem; height: 0.90rem; left: 16.36rem;  top: 2.59rem;   } /* 90px */
.gellaryItem23 { width: 1.10rem; height: 1.10rem; left: 12.17rem;  top: 6.07rem;   } /* 110px */
.gellaryItem24 { width: 1.69rem; height: 1.69rem; left: 13.33rem; top: 6.07rem;   } /* 169px */

.gellaryItem25 { width: 0.41rem; height: 0.41rem; left: 15.07rem;  top: 6.07rem;   } /* 41px */
.gellaryItem26 { width: 0.41rem; height: 0.41rem; left: 15.53rem;  top: 6.07rem;   } /* 41px */
.gellaryItem27 { width: 0.88rem; height: 0.88rem; left: 15.46rem;  top: 7.19rem;   } /* 88px */

@keyframes aniScale {
	0% { transform: scale(1.1);}
	100% { transform: scale(1);}
}
.special_2 {height: 100vh; background:#000; position: relative;}
.special2_bg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden;}
.special2_bg img { width: 100%; height:100%; object-fit: cover;}
.special2_desc { height: 100%; display: flex; flex-direction: column; justify-content: center; padding: 0 0 0 3.45rem;}
.special2_desc h2 { margin-bottom: .39rem; font-size: var(--font48);}
.special2_desc h2 b { font-weight: bold;}
.special2_desc p { margin-bottom: .46rem; font-size: var(--font18); line-height: calc(1em + .1rem); color: #666666;}
.special2_desc img { width: clamp(36px,.74rem,74px);}

.specialContainer { padding:0 3.45rem;}
.special_3 { background: url(../images/special4.jpg) center no-repeat; background-size: cover; padding:.76rem 0 1.42rem;}
.special3_title h2 { font-size:var(--font48); color:#ffffff; line-height: calc(1em + .08rem);}
.special3_title h3 { color:#ffffff; display: flex; align-items: center; font-size: var(--font36); line-height: calc(1em + .2rem);}
.special3_title h3 span { display: inline-flex; color:#ECC077; font-size: var(--font22); border:1px solid #ECC077; padding: 0 .15rem;
line-height: calc(1em + .09rem); border-radius: 4px; margin-left:7px}
.special3_desc p { color: #9E9E9E; font-size:var(--font18); line-height:calc(1em + .1rem); margin-top: .2rem;}
.special3_desc img { display: block; margin-top: .3rem;}
.special3_desc { margin:1rem 0 1.2rem;}
.special_3 ul { max-width:100%; display: flex; width: 1180px; gap:.42rem .5rem; flex-wrap: wrap;}
.special_3 li { box-sizing: border-box; padding-left:clamp(40px,.59rem,59px); padding-right: .2rem; box-sizing:border-box; position: relative; width: 360px;}
.special3_icon { display: flex; position: absolute;left: 0; width: clamp(30px,.41rem,41px); height: clamp(30px,.41rem,41px); justify-content: center; align-items: center;
border: 1px solid #ECC077; border-radius: 4px;}
.special3_icon img { max-width: 60%;}
.special_3 li h2 { font-weight: bold; color: #ECC077; font-size: var(--font18); margin-bottom: .2rem;}
.special_3 li p { font-size:var(--font18); line-height: calc(1em + .1rem); color:#9E9E9E}
/**/
.special_4 {background: #000; height: 100vh; position: relative; overflow: hidden;}
.qualityImg { height: 100%;}
.qualityImg img { display: block; width: 100%;}
.special4_text h2 { font-size: var(--font48); line-height: calc(1em + .1rem); color: #ffffff; margin-bottom:.67rem}
.special4_text ul { display: flex; gap: clamp(10px,.17rem,17px);}
.special4_text { position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: center;}
.special4_text li { box-sizing:border-box;text-align:center; background: url(../images/special4_iconbg.png) center no-repeat; background-size: cover; border-radius:10px; padding: .26rem .2rem .17rem;
padding-top: 26px;}
.special4_text li p { margin:10px 0; font-weight:bold; color:#ECC077; font-size:var(--font18);} 
.special4_text li span { color: #9E9E9E; font-size:var(--font18); line-height:calc(1em + .1rem)}
.iconCont { height: 50px; display: flex; justify-content: center; align-items: center;}
/**/
.special_5 { background: url(../images/special5_bg.jpg) center no-repeat; background-size: cover; background-attachment: fixed; padding: 1rem 0 2.4rem; position: relative; overflow: hidden;}
.promisTitle h2 { font-size:var(--font48); margin-bottom:1em; line-height: calc(1em + .1rem); color:#ffffff;}
.promisTitle p { color:#9E9E9E; font-size:var(--font18); line-height:calc(1em + .1rem)}
.special_5 ul { margin-top:.9rem; flex-wrap: wrap; display: flex; gap: 23px 16px;}
.special_5 li img { display: block; width: 100%; aspect-ratio: 607 / 315; border-radius:10px;}
.special_5 li { border-radius:20px; position: relative; width: calc(50% - 8px); background: url(../images/special5_img4.png) center no-repeat; background-size: cover;}
.special_5 li p { font-size:var(--font18); color:#9E9E9E; position: absolute; bottom: .46rem; left:0; width:100%; box-sizing:border-box; padding:0 .36rem;}
/**/
.special_6 { height: 100vh; position: relative; overflow: hidden; background: url(../images/special6_bg.jpg) center no-repeat; background-size: cover;}
.special6_desc h2 { font-size:var(--font48); color:#ffffff; line-height: 1.4; margin-bottom: .3rem;}
.special6_desc p { color: #9E9E9E; font-size:var(--font18); line-height: calc(1em + .1rem);}
.special6_desc { height: 100%; display: flex;padding-top: 3.27rem;}
.shadowPic { position: absolute; background: url(../images/honorShadow.png) center no-repeat; width: 100%;height: 100%; background-size: cover; left: -100%;}
/**/
.special_7 { background: url(../images/special7_bg.jpg) center no-repeat; background-size: cover; padding:.8rem 0; min-height: 100vh;}
.special7_desc { text-align: center; margin-bottom: .87rem;}
.special7_desc h2 { font-size:var(--font48); line-height: calc(1em + .1rem); margin-bottom: .32rem;}
.special7_desc p { font-size: var(--font18); line-height: calc(1em + .1rem); color:#999999}
.special_7 ul { display: flex; flex-wrap: wrap; gap:.39rem .27rem ;}
.special_7 li { overflow: hidden; position: relative; border-radius:10px; padding: .82rem 0 .51rem; text-align: center; width: calc((100% - .81rem)/4); background-image: linear-gradient(to bottom,#0c0d11,#262a33);}
.special7_icon { display: flex; justify-content: center; align-items: center; height: clamp(44px,.61rem,61px); margin-bottom: .65rem;}
.special7_icon img { max-height: 100%;}
.special_7 li p { font-size:var(--font26); line-height: calc(1em + .12rem); color: #ffffff;}
.specialCover { border-radius: 10px; transition: all .8s; opacity: 0; transform: scale(.8); position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover;}
.special_7 li:hover .specialCover{ transform: scale(1.05); opacity: 1;}
/**/
.special_8 { background: #000;}
.designDesc { text-align: center;}
.special_8 .designDesc { text-align: center; padding: 1rem 0 .78rem;}
.designDesc h2 { color:#ffffff; font-size:var(--font48); line-height: calc(1em + .1rem); margin-bottom: .3rem;}
.designDesc p {font-size: var(--font18); line-height: calc(1em + .1rem); color:#9E9E9E}
.designer { background: url(../images/special8_bg.jpg) center no-repeat; background-size: cover;}
.designFlex { display: flex; align-items: center; gap: 2.26rem;}
.designer { padding-top: .43rem;}
.designText { flex: 1;}
.designText h3 { font-size: var(--font36); font-family: 'scr'; font-weight: 200; color:#9E9E9E}
.designText h2 { margin-bottom: .35rem; color: #ECC077; font-size: var(--font48); font-family: 'scr'; font-weight: 200; line-height: calc(1em + .07rem);}
.designText p { position: relative;font-size: var(--font18); line-height: calc(1em + .1rem); color:#9E9E9E; padding-left:1em}
.designText p:before { content: ''; position: absolute; left: 6px; width: 4px; height: 4px; background: #9e9e9e; border-radius: 50%;
top: 50%; transform: translateY(-50%);}
/**/
.special9_tit { padding-top:.4rem;}
.special9_tit h2 {font-size:var(--font48); line-height: calc(1em + .1rem); margin-bottom: .3rem;}
.special_9 { padding:.9rem 0 1.44rem; background: url(../images/special7_bg.jpg) center no-repeat; background-size: cover; min-height: 100vh;}
.special9Flex { display: flex; gap: .26rem; margin: 0 0 1rem;}
.descSlide { flex: 1;}
.descSlide p { position: relative;font-size: var(--font18); line-height: calc(1em + .1rem); color:#9E9E9E; }
.descSlide:nth-child(2) p { padding-left:1em; color: #B6955F;}
.descSlide:nth-child(2) p:before {content: ''; position: absolute; left: 6px; width: 4px; height: 4px; background: #B6955F; border-radius: 50%;
top: 50%; transform: translateY(-50%);}
.createSwiper .swiper-slide { border-radius: 20px; width: calc(50% - .13rem); margin-right: .26rem;}
.createSwiper .swiper-slide img { border-radius: 20px; display: block; width: 100%; }
.createSwiper ul {overflow-x: auto; display: flex; justify-content: start; align-items: start; gap: .26rem;}
.createSwiper ul::-webkit-scrollbar { display: none;}
.createSwiper li { overflow: hidden; min-width: calc(50% - .13rem); border-radius: 20px;}
.createSwiper li img { display: block; width: 100%;}
/**/
.special_10 { background: #000000; padding: 1rem 0;}
.special_10 .designDesc { padding-top:.4rem;}
.specialSwiper { margin-top: 1rem;}
.specialSwiper .swiper-slide { display: flex; margin-right: .1rem; flex-direction: column; gap: .1rem; width: calc((100% - 1rem)/11); }
.specialSwiper .swiper-slide img { display: block; width: 100%;}
.specialSwiper { position: relative;}
.shadowCover { z-index:2; pointer-events: none; background: url(../images/honorShadow.png) center no-repeat; background-size:100% 100%; position: absolute; left:0; top: 0;
width:100%; height: 100%;}
/**/
.special_11 { background: #000000; position: relative; overflow: hidden; height: 100vh;}
.special11_bg { height: 100%;}
.special11_bg img { height: 100%; display: block; object-fit: cover; width: 100%;}
.special11Text { position: absolute; left: 0; top: 0; display: flex; justify-content: center; height: 100%; flex-direction: column;}
.specialInfor h2 { font-size:var(--font48); color:#ffffff; line-height: 1.4; margin-bottom: .14rem;}
.specialInfor p { color: #9E9E9E; font-size:var(--font18); line-height: calc(1em + .2rem);}
.workmanshipList { display: flex; gap: 10px;}
.workmanshipList li { width: clamp(180px,2.08rem,208px); text-align: center; box-sizing:border-box; padding:.27rem .12rem .21rem; background: url(../images/special4_iconbg.png) center no-repeat;
background-size: cover; border-radius: 10px;}
.workmanshipIcon { margin-bottom: .18rem;}
.workmanshipList li h2 { font-family: 'srm'; margin-bottom:.2rem;  font-size:var(--font18); color: #ECC077;}
.workmanshipList li p { font-size:var(--font18); font-weight: 200; line-height:calc(1em + 2px); color:#9E9E9E;}

/**/
.special_12 {text-align: center; background: #000000; min-height: 100vh; position: relative; overflow: hidden;}
.special12Text { display: flex; justify-content: space-between; flex-direction: column; position: absolute; left: 0; top: 0;
width:100%; height:100%; padding:1.2rem 0 1.58rem}
.special_12 ul{ justify-content: space-around; margin-top: 6rem; display: flex; }
.special_12 li h2{font-family: 'srm'; margin-bottom:.2rem;  font-size:var(--font18); color: #ECC077;}
.special_12 li p {font-size:var(--font18); font-weight: 200; line-height:calc(1em + 2px); color:#9E9E9E;}
/**/
.special_13 {background: #000000; position: relative; overflow: hidden; height: 100vh;}
.special13Text { position: absolute; left: 0; top: 0; display: flex; justify-content: center; height: 100%; flex-direction: column;}
.special13_bg img { width: 100%; height: 100%; object-fit: cover;}
/**/
.special_14 {background: #000000; position: relative; overflow: hidden; height: 100vh;}
.special14Text { position: absolute; left: 0; top: 0; display: flex; justify-content: center; height: 100%; flex-direction: column;}
.special14_bg img { width: 100%; height: 100%; object-fit: cover;}
/**/
.special_15 { background: url(../images/special15_bg.jpg) center no-repeat; background-size:cover; height: 100vh; overflow: hidden;
position: relative;}
.special15Text {display: flex; flex-direction: column; height: 100%; justify-content: center; gap: .35rem;}
.special15Text .specialContainer { position: relative; display: flex; flex-direction: column; justify-content: center;}
.special15Text p { box-sizing: border-box; padding-left: 3.45rem; position: relative; left: auto; top: auto; transform: none; font-size: var(--font48); color: #ffffff; line-height: calc(1em + .1rem);}
.special15Text p:nth-child(2) { font-size: var(--font36); color: #9E9E9E;}
.special15Text p:nth-child(3) { font-size: var(--font18); color: #9E9E9E;}
/**/
.special_16 { height: 100vh; position: relative;}
.special_16 video{ width: 100%; height: 100%; object-fit: cover;}
.special_16::after { content: ''; position: absolute; left: 0; top:0; width: 100%; height: 100%; background: rgba(0,0,0,.45);}
.special16Text { z-index: 2; text-align: center; position: absolute; top:1.2rem; width: 100%; left: 0;}
.special16Text h2 { font-size: var(--font48); line-height: 1.4; margin-bottom: .4rem; color: #ffffff;}
.special16Text p { font-size: var(--font18); line-height: calc(1em + .1rem); color: #ffffff;}
.pageMain { background:#000000}
.mobBg { display: none;}
.fullImg { width:1300px; margin:0 auto; max-width:92%;}
/**/
.fixBottom { display: none; position: fixed; z-index: 3; background: #f0f0f0; box-shadow: 0 0 10px rgba(0,0,0,0.1); left: 0; bottom: 0; width: 100%; height: 70px;}
.fixBottom ul { display: flex;}
.fixBottom li { flex: 1;}

@media screen and (max-width: 1800px) {

}
@media screen and (max-width: 1600px) {

}
@media (max-width: 1580px) {
  :root {
    --header-height:80px;
  }
  .detailPage { padding-top: 80px;}
}
@media screen and (max-width: 1500px) {

}
@media screen and (max-width: 1440px) {
.honor {  padding-bottom: 2rem;}
.leadingSwiper .swiper-button-prev { left: 0;}
.leadingSwiper .swiper-button-next { left: auto; right: 0;}
.nav li { margin-right: .6rem;}
.commitmentBox,.antiCounterfeitBox,.warrantyPeriodBox,.usageMaintenanceBox { max-width:92%}
}
@media screen and (max-width: 1280px) {
	
}
@media screen and (max-width: 1200px) {
	#pcVideo { display: none!important;}
	.nav li:nth-child(n + 7){display:block}
	.show-header .pageLocation { top: 60px;}
	.small-header .langChose { height: 60px;}
	.brandFlex {flex-direction: column;gap: 20px;margin-top: 20px;}
	:root{
		--header-height: 60px; 
	}
	.langChose { height: var(--header-height);}
	.header,.small-header .header { height: 60px;background: #fff; box-shadow: 0 0 10px rgba(0,0,0,0.2);}
	.header .logo img {filter: none;}
	.header .nav li h2 a { line-height: 80px;}
	.header .nav li h2 a{ color: #333333;}
	.headerTool { margin-right:40px;}
	.header .shopEnter img { display: none;}
	.langChose { margin: 0 10px;}
	.langChose h2 { background: #85372b;}
	.searchEnter {background: url(../images/headerIcon2on.png) center no-repeat;}
	.nav { height:100vh; width: 100%; position: fixed; left: -110%; overflow-y: auto; top:60px; background: #ffffff; bottom: 0;}
	.nav ul { display: block;}
	.nav li { border-bottom: 1px solid #eee; float: none; margin: 0!important;}
	.nav li h2{position: relative; text-indent: 20px;}
	.nav li h2 i { transition: all .5s; background: url(../images/menuEnter.png) center no-repeat;
	width: 8px; height: 14px; background-size: 100% auto; position: absolute; right:15px; top: 50%; margin-top: -7px;}
	.nav li h2 a {  line-height: 40px; color: #333333;}
	.nav li.cur h2 i{ background: url(../images/menuEntero.png) center no-repeat; background-size: 100% auto; transform: rotate(90deg);}
	.menubox{ display: block; position: absolute;right: 4%; top: 18px; width:30px; height: 30px;opacity: 1;pointer-events: auto;transition: 0.3s;}
	.menubox div{position: absolute;left: 0;width: 30px;height: 2px;background-color: #85372b;transition: 0.6s;}
	.menubox div:nth-child(1){top: 0px;}
	.menubox div:nth-child(2){top: 10px;}
	.menubox div:nth-child(3){top: 20px;}
	.menubox.on div:nth-child(1){top: 9px;transform: rotateZ(45deg);}
	.menubox.on div:nth-child(2){top: 0px;opacity: 0;}
	.menubox.on div:nth-child(3){top: 9px;transform: rotateZ(-45deg);}
	.header::after{ display: none!important;}
	.nav li dl { transition: none; display: none; position: static; width: 100%; padding: 0 0 15px; visibility: visible; opacity: 1; transform: translateX(0); text-align: left;}
	.nav li dl dt { text-align: left; text-indent:20px;}
	.nav li h2::after { display: none!important;}
	.mobSub dl { display: block!important;}
	.nav li dl dt dt { text-indent: 40px;}
	.nav li dt h3 a { font-size: 16px;}
	.nav li dt dt a { font-size: 14px;}
	.header .nav li h2 a,.small-header .header .nav li h2 a { line-height: 50px;}
	body { padding-top: 60px;}
	.langChose dl { top: 60px; border-radius: 0 0 6px 6px;}
	.langChose h2 { font-size: 14px;}
	.banner img,.banner video{ height:30vh;}
	.banner .swiper-pagination { bottom: 10px;}
	.playControl { bottom: 10px;}
	.contactPage { overflow: hidden;}
	.detailPage { padding: 0;}
	.storeInput { max-width: 140px;}
	.culture li p { font-size: 14px;}
	.joinCulture{max-width: calc(100% - 40px);}
	.container,.jobContainer,.lifeSwiper,.joinContainer { max-width: 100%;  padding: 0 20px; }
	.serviceStep,.servicePromiseBox,.goldenServiceBox,.fiveHeartServiceBox,.goldenServiceBox,.hideStrength,.aboutProjectBox,.projectStrengthBox,.projectCasesBox,.projectPartnerBox,.projectQualityBox,.conditionCont,.joinDesc,.descSwiper,.peopleSwiper,.aboutDesc,.globaleDesc,.globaleImg img,.textSlide,.honorGroup,.yearSwiper,.proBanner,.detailType,.detailText,.introduceList,.franchiseCont,.suportList { max-width: 92%;}
	.bgContainer .globaleDesc {max-width: 100%;}
	.specialContainer { padding: 0 4%;}
	.specialBanner { height: 50vh;}
	.gellaryText,.special2_desc,.special15Text p { padding: 0 4%;}
	.gellaryCont,.special_2 { height: 50vh;}
	.designFlex { flex-direction: column;}
}

@media screen and (max-width: 1080px) {
	.searchinput { width: 100%; top: 60px; margin: 0; background: #ffffff; padding: 10px; transform-origin: center; top: ;}
	.searchBox { position: static;}
	.footLink { display: none;}
	.footerTop { justify-content: center; padding: 30px 0 20px;}
	.copyRight { display: block; line-height: 1.5; text-align: center; padding: 20px 0; margin-top: 20px;}
	.copyRight p, .copyRight a { font-size: 14px;}
	.footerContact p { font-size: 14px;}
	.copyRight br { display: block;}
	.footerContact h2 { font-size: 16px; margin-bottom: 0;}
	.contactLink ul { justify-content: center;}
	.footer { text-align: center;}
	.contactLink { margin-bottom: 10px;}
	.webLink { display: none;}
	.linkIcon img { margin: 0 auto; height: 32px;}
	.footerTop li span { font-size: 12px;}
	.footerTop li p { margin: 5px 0;}
	.pageLocation { position: static; margin: 20px auto 0; padding: 0;}
	.locationFlex::after { display: none;}
	.locationFlex { padding: 0; flex-direction: column-reverse; justify-content: start; align-items: start;}
	.pageMenu a { white-space: nowrap; line-height: 3;}
	.pageMenu { margin-top: 10px; width: 100%; overflow-x: auto;}
}
@media screen and (max-width: 780px){
	.homeIntroduce { padding: 30px 0;}
	.intFlex { flex-direction: column; gap: 20px; align-items: center;}
	.intText { width: 100%;}
	.titimg { width: 50%; margin-bottom:20px;}
	.more { line-height: 1.8em; padding: 0 12px;}
	.intText h3 { font-size: 20px;}
	.intCard p { font-size: 12px;}
	.intCard li a{ padding: 75px 10px 20px 10px;}
	.liveCont { padding: 30px 0; margin:0 auto}
	.livetTitle h2 { font-size: 18px;}
	.livetTitle p { font-size: 12px;}
	.liveType span { margin: 0 10px;}
	.liveType { width: 92%; overflow-x: auto; white-space: nowrap; margin: 20px auto; justify-content: start;}
	.businessSlide ul { flex-direction: column; gap:10px;}
	.businessSlide li { width: 100%!important;}
	.hideText { padding: 0 10px; bottom: 20px; flex-direction: column; align-items: start; justify-content: start; gap:10px;}
	.hideLeft h3 span { font-size: 12px;}
	.businessSlide li .hideText { transform: translateY(0); opacity: 1; transition-delay: .4s;}
	.businessSlide li h2 { display: none;}
	.hideLeft p { font-size: 14px;}
	.footerTop ul { gap: 20px;}
	.footerContact { width: 100%; border: none; padding: 0;}
	.footerContact p img { width: 16px;}
	.copyRight { display: none;}
	.copyFlex { padding: 15px 0;}
	.liveSwiper p { font-size: 14px; bottom: 0; line-height: 3;}
	.customization { padding: 40px 0;}
	.customDesc h3 { font-size: 14px; margin-bottom: 20px;}
	.customDesc h2 { margin-bottom: 20px;}
	.aboutDesc { padding: 30px 0;}
	.aboutTitle p { font-size: 12px;}
	.aboutTitle h2 { font-size: 18px;}
	.aboutDesc li { flex-direction: column!important;}
	.descText,.aboutDesc li:nth-child(2) .descText { padding: 20px 0;}
	.descImg { width: 100%;}
	.descText h2 { font-size: 16px; margin-bottom: 10px;}
	.aboutDesc ul { margin-top: 30px;}
	.factoryType { padding: 0; background:none; overflow-x: auto; max-width:92%; justify-content: start;}
	.culture ul { flex-direction: column; gap: 10px; margin-top: 20px;}
	.honorSlide .swiper-button-next { right: 0;}
	.honorSlide .swiper-button-prev { left: 0;}
	.honorType { margin: 20px 0;}
	.featureDesc { margin-bottom: 30px;}
	.leading { padding: 30px 0;}
	.leadingSwiper { margin-top: 20px;}
	.factory { padding: 30px 0;}
	.aboutNews { padding: 30px 0;}
	.aboutNewsFlex { margin: 20px auto; gap: 20px; flex-direction: column;}
	.newsPic { width: 100%;}
	.newsGroup { width: 100%; max-width: none;}
	.newsGroup li b { font-size: 14px;}
	.historySwiper .swiper-button-prev { left: 9%; top: 80px;transform: translateY(-50%);}
	.historySwiper .swiper-button-next { right: 9%; top: 80px;transform: translateY(-50%);}
	.leadingSwiper .swiper-button-next{right: 0;}
	.leadingSwiper .swiper-button-prev{ left: 0;}
	.culture li h2 { margin-bottom: 20px;}
	.culture li { padding:20px;}
	.feature,.globale,.create { padding: 30px 0;}
	/* special 页手机端适配：降低每屏高度 */
	.special_6,  .special_12 { height: auto; padding: 80px 0; }
	.special_13,.special_14 { padding: 40px 0 240px; height: auto;}
	.special_11{ height: auto; padding:40px 0 180px}
	.special_4 { padding: 40px 0 80px; height: auto;}
	.special_12 { padding:30px 0; }
	.special_12 .specialInfor { margin-bottom:0;}
	.special_15, .special_16 { height: auto; padding: 120px 0;}
	.special_9 { min-height: 50vh; padding: 1.5rem 0; }
	.special_7 { min-height: auto; padding: 40px 0;}
	.special_7 ul { gap: 10px;}
	.special_7 li { width: calc((100% - 10px)/2);}
	.special_2 { padding:40px 0 180px; height: auto; position: relative; }
	.gellaryCont{ position: relative; height: auto;}
	.specialBanner { min-height: 50vh; height: 50vh; }
	/* gellaryItem 手机端：按 PC 比例、左右铺满画布，不重叠；文字叠图；正方形 */
	.gellaryCont .gellaryList { position: relative; width: 100%; aspect-ratio: 163/100; min-height: 0; }
	.gellaryList { padding: 40px 0;}

	.gellaryCont .gellaryText { position: absolute; left: 0; top: 0; width: 100%; height: 100%; padding: 0 4%; display: flex; flex-direction: column; justify-content: center; z-index:4;}
	.gellaryCont .gellaryItem { height: auto !important; aspect-ratio: 1; }
	.gellaryText p { font-size:18px;}
	/* 画布 0–100% 对应 PC 7.23–18.11rem × 1.4–8.07rem，等比映射 */
	.gellaryCont .gellaryItem1  { width: 6.6%; left: 14.9%; top: 0; }
	.gellaryCont .gellaryItem2  { width: 10.3%; left: 24.4%; top: 2.1%; }
	.gellaryCont .gellaryItem3  { width: 7%; left: 58.9%; top: 4.6%; }
	.gellaryCont .gellaryItem4  { width: 5.1%; left: 19.7%; top: 24.6%; }
	.gellaryCont .gellaryItem5  { width: 5.1%; left: 25.3%; top: 24.6%; }
	.gellaryCont .gellaryItem6  { width: 5.1%; left: 25.3%; top: 38.8%; }
	.gellaryCont .gellaryItem7  { width: 9.5%; left: 34.8%; top: 19%; }
	.gellaryCont .gellaryItem8  { width: 9.5%; left: 34.8%; top: 35.8%; }
	.gellaryCont .gellaryItem9  { width: 19.6%; left: 46%; top: 19%; }
	.gellaryCont .gellaryItem10 { width: 9.4%; left: 66.6%; top: 19%; }
	.gellaryCont .gellaryItem11 { width: 9.4%; left: 66.6%; top: 35.8%; }
	.gellaryCont .gellaryItem12 { width: 7.1%; left: 80.4%; top: 70%; }
	.gellaryCont .gellaryItem13 { width: 9.9%; left: 90.1%; top: 70%; }
	.gellaryCont .gellaryItem14 { width: 10.1%; left: 44.5%; top: 60.7%; }
	.gellaryCont .gellaryItem15 { width: 10.1%; left: 55.1%; top: 60.7%; }
	.gellaryCont .gellaryItem16 { width: 10.1%; left: 65.7%; top: 60.7%; }
	.gellaryCont .gellaryItem17 { width: 17.2%; left: 77.7%; top: 40.9%; }
	.gellaryCont .gellaryItem18 { width: 9.4%; left: 0; top: 74.2%; }
	.gellaryCont .gellaryItem19 { width: 10.1%; left: 11.8%; top: 81.9%; }
	.gellaryCont .gellaryItem20 { width: 10.1%; left: 23.6%; top: 60.7%; }
	.gellaryCont .gellaryItem21 { width: 20%; left: 23.6%; top: 70.6%; }
	.gellaryCont .gellaryItem22 { width: 8.3%; left: 83.9%; top: 17.8%; }
	.gellaryCont .gellaryItem23 { width: 10.1%; left: 45.4%; top: 82.6%; }
	.gellaryCont .gellaryItem24 { width: 15.5%; left: 56%; top: 82.6%; }
	.gellaryCont .gellaryItem25 { width: 3.8%; left: 72%; top: 82.6%; }
	.gellaryCont .gellaryItem26 { width: 3.8%; left: 76.2%; top: 82.6%; }
	.gellaryCont .gellaryItem27 { width: 8.1%; left: 75.6%; top: 86.8%; }
	.contactTop .joinContact dl { gap: 20px 0; flex-wrap: wrap; padding: 20px 0;}
	.joinContact dt a { margin-top: 20px;}
	.joinContact dt:nth-child(2),.joinContact dt:nth-child(3) { width: 48%;}
	.joinContact dt:nth-child(1) { width: 100%;}
	.joinContact dt:nth-child(4) { width: 100%;}
	.cardFlex { flex-direction: column;}
	.cardSlide dl img { width: 32px;}
	.cardSlide dl { flex-wrap: wrap; gap:20px 0}
	.cardSlide dl dt { width: 50%;}
	.joinCulture,.lifeCont { padding: 30px 0;}
	.cultureFlex { gap: 0; margin-top: 20px; flex-direction: column;}
	.cultureImg { width: 100%;}
	.cultrueDesc { padding: 20px; width: 100%;}
	.growCont ul { margin-top:20px; flex-wrap: wrap; gap: 10px; height: auto; justify-content: space-between;}
	.growCont li { margin: 0!important; width: 100%; height: auto; padding: 30px 0;}
	.growCont li:hover { transform: scale(1); height: 4.38rem;}
	.lifeSwiper p { bottom: 0; font-size: 12px; line-height: 2;}
	.titleText h2 { font-size: 14px;}
	.joinContact dl { gap:20px 0; padding: 20px; flex-wrap: wrap;}
	.joinContact dt { padding: 0; width: 100%; max-width: none!important; flex: auto;}
	.joinContact dt:last-child,.joinContact dt:nth-child(2) { padding: 0;}
	.joinContact dt:nth-child(1),.joinContact dt:nth-child(3) { border:none;}
	.inbannerText h2 { font-size: 16px;}
	.inbannerText p { font-size: 12px; white-space: nowrap;}
	.growMode p { font-size: 16px;}
	.lifeSwiper .swiper-button-next { right: 0;}
	.lifeSwiper .swiper-button-prev { left: 0;}
	.hotNews .swiper-slide { flex-direction: column;}
	.inTitle p { font-size: 18px;}
	.inTitle span { font-size: 12px;}
	.hotPic { width: 100%;}
	.hotText { padding: 20px;}
	.newsDesc h2 { font-size: 16px;}
	.hotNews .swiper-pagination { bottom: 20px;}
	.hotNews { margin: 20px 0;}
	.newsInfor { flex-direction: column;}
	.newsText { width: 100%; margin-top: 10px; padding: 0;}
	.newsImg { width: 100%;}
	.newsFlex { flex-direction: column;}
	.newsText p { margin-bottom: 10px;}
	.newsList li { margin-bottom: 20px;}
	.newsDate { margin-bottom: 10px;}
	.controlBtn { gap: 15px;}
	.fmenu { gap: 40px; bottom: 20px;}
	.fmenu a p { font-size: 14px;}
	.fmenu a span { font-size: 14px;}
	.videoList ul { gap: 10px;}
	.videoList li { width:calc(50% - 5px)}
	.videoName { flex-direction: column;}
	.videoName p { width: 100%;}
	.videoPic,.productImg { margin-bottom: 10px;}
	.videoList { margin-top: 20px;}
	.newsPage .inTitle, .videoPage .inTitle { margin-top: 30px;}
	.productlist ul { gap: 10px;}
	.productlist li { width:100%;}
	.productName h2 { font-size: 14px;}
	.productName p { font-size: 12px;}
	.inBanner .swiper img { height: auto; min-height:260px}
	.bannerDesc h2 { font-size: 18px;}
	.bannerDesc p { font-size: 14px;}
	.cityProduct { padding: 30px 0;}
	.cityProduct ul { gap: 10px;}
	.cityProduct li { width: calc((100% - 10px)/2);}
	.productSearch { width: 100%;}
	.detailTop { flex-direction: column-reverse;}
	.detailBanner { width: 100%;}
	.detailInfor { padding:30px 4%; position: relative;}
	.detailSystem { margin-bottom: 20px; position: absolute;right: 4%; top: 30px;}
	.detailSystem p { font-size: 12px;}
	.detailSystem i { margin-right:5px; width: 20px; height: 20px;}
	.detailSystem i img { max-width: 60%;}
	.productTitle { margin-bottom: 20px;}
	.detailType li { box-sizing: border-box;padding-left:30px; width: 50%; flex-direction: column; white-space: nowrap;}
	.detailText,.introduceList { padding: 30px 0;}
	.descList { margin-top: 20px;}
	.intDesc { padding: 20px 0 0;}
	.introduceList ul { gap: 20px;}
	.introduceList li { width: 100%;}
	.systemType { max-width: 92%; overflow-x: auto; justify-content: start; white-space: nowrap; margin: 0 auto;}
	.projectCont { padding: 30px 0;}
	.statItem { flex:0 0 50%;}
	.projectStats { flex-wrap: wrap; gap: 20px 0; margin-top:40px;}
	.statItem:nth-child(2) { border: none;}
	.strengthItem { width: 100%; background: none;}
	.strengthItem:hover img { transform: scale(1); opacity: 1;}
	.hideStrength li.act { height: 140px;}
	.closeStrength { top: 0;}
	.projectStrength { padding: 0 0 30px;}
	.partnerList { margin-top: 20px;}
	.caseGroup li { width: 100%;}
	.caseTabs { margin-top: 20px; overflow-x: auto; justify-content: start; white-space: nowrap;}
	.caseList { margin-top: 20px;}
	.qualityList { gap: 20px; justify-content: start; overflow-x: auto;}
	.qualityList a { min-width: 50%;}
	.inBanner { display: flex; flex-direction: column-reverse; align-items: start;}
	.proForm { position: static; margin: 20px auto; max-width:92%; border: 1px solid #eee;}
	.inBanner .swiper { width: 100%;}
	.franchiseFlex { min-height: auto; padding: 20px; flex-direction: column; gap:20px; margin-top: 20px; padding-top: 20px;}
	.franchiseType { overflow-x: auto; padding: 0 0 10px; gap: 10px; border-left: none; border-bottom: 1px solid #ffffff; width: 100%; display: flex; justify-content: start;}
	.franchiseType span { font-size: 14px; padding: 0; margin: 0; white-space: nowrap;}
	.franchiseType span::after { bottom: -10px; height: 2px; left: 0; top: auto; width: 0;}
	.franchiseType span.cur::after { height: 2px; width: 100%;}
	.brandGood { padding: 0;}
	.suportFive li { width: 100%;}
	.storyJoin { padding: 30px 0;}
	.suportTitle { padding: 0 4%;}
	.suportList { margin: 20px auto; background: none;}
	.suportList li,.suportList li.act { align-items: center; text-align: center; background: rgba(71,58,46,.34); float: none; width: 100%!important; height: auto; padding: 20px; margin-bottom: 10px;}
	.suportList li p,.suportList li.act p { margin-top: .2rem; height: auto; opacity: 1;}
	.eightCont { width: 92%; background-position: center 30px;}
	.eightCont ul { margin: 20px auto; gap: 20px; position: static; transform: translate(0);}
	.eightCont li { width: calc(50% - 10px); flex-direction: column!important; justify-content: start; padding: 0!important;}
	.eightDesc { padding: 0 4%;}
	.franchiseProcess { padding: 30px 0;}
	.processFlow { margin-top: 20px;}
	.joinForm li { flex:  0 0 100%; box-sizing: border-box; margin-bottom: 30px;}
	.descSwiper .swiper-slide { padding: 20px;}
	.peopleSwiper { margin-top: 20px;}
	.models { padding: 30px 0;}
	.descSwiper .swiper-button-prev { left: 0;}
	.descSwiper .swiper-button-next { right: 0;}
	.serviceSearch { padding: 20px; flex-direction: column;}
	.confirmBtn { padding: 0 5px; flex: 1;}
	.storeContent { flex-direction: column;}
	.storeList { width: 100%; max-height: 300px;}
	.storeMap { height: 300px; flex: none;}
	.searchLeft { width: 100%; flex-direction: column; gap: 10px;}
	.searchLeft>* { width: 100%; margin: 0!important; box-sizing: border-box;}
	.searchRight { width: 100%; margin-top: 10px;}
	.searchRight input { margin-right: 10px;}
	.serviceBottom { flex-direction: column;}
	.serviceBottomItem { width: 100%;}
	.serviceQR { width: 80px;}
	.serviceCont { padding: 30px 0;}
	.commitmentList li .hideTexts { position: static; width: 100%; transform: translateY(0); opacity: 1; transition-delay: .4s;}
	.commitmentList ul { flex-direction: column;}
	.commitmentList li,.commitmentList li.act { width: 100%;}
	.commitmentList li .modeTexts { display: none; opacity: 0;}
	.commitmentList li { height: auto; text-align: center; padding: 30px 0; box-sizing: border-box;}
	.antiCounterfeitItem { padding: 20px; width: calc(50% - 5px);}
	.antiCounterfeitList { max-width: 100%; gap:10px;}
	.antiCounterfeitIcon img { height: 32px;}
	.usageMaintenanceList { flex-direction: column;}
	.usageMaintenanceItem { width: 100%; padding: 20px;}
	.warrantyPeriodContent { padding: 30px;}
	.hideTexts img { height:42px; display: block; margin: 0 auto 10px;}
	.commitmentList li .hideTexts h3 { font-size:16px; text-align: center;}
	.warrantyIcon img { height: 60px;}
	.downArrow { display: none;}
	.stepItem { width: 25%;}
	.stepRow:last-child { margin-top: 20px; flex-direction: row;}
	.stepRow:last-child .arrowLine img { transform: rotate(0);}
	.stepRow { gap: 20px 0;}
	.stepRow li span { width: 24px; height: 24px; font-size: 10px;}
	.stepItem p { margin-bottom: 10px;}
	.servicePromiseSwiper { margin-top: 0;}
	.goldenServiceItem { width: calc(50% - .1rem);}
	.goldenServiceList { margin-top: 20px; gap: .2rem;}
	.goldenService { padding: 30px 0 15px;}
	.header .shopEnter { padding: 0 10px; line-height: 32px; border-radius: 32px;}
	.langChose h2 { line-height: 32px;}
	.intCard li img { height: 32px;}
	.logo img { width: 90px;}
	.cellSwiper .swiper-pagination { bottom: 10px;}
	.footerTop li span { font-size: 11px;}
	.footerTop li span::after { display: none!important;}
	.asideNav { display: none;}
	.systemCont { width: auto; left: 20px; padding-right: 0; right: 20px; bottom: 40px; top: 20px; transform: translate(0);}
	.systemCont ul { padding-left: 0;}
	.newsPic img { position: static;}
	.systemCont li.act,.systemCont li { margin: 0; width: 100%;}
	.systemCont li h2 { font-size: 14px;}
	.systemCont li span { font-size: 16px;}
	.systemCont li.act h2,.systemCont li.act span { font-size: 16px;}
	.systemCont li.act p { font-size: 14px;}
	.systemCont li { top: 20px;}
	.systemCont li.act { left: 0; top: 0;}
	.proBanner { top: 50%; transform: translate(-50%,-70%);}
	.proBanner h2 { font-size: 14px;}
	.proBanner p span { height: 16px;}
	.footerContact::after { display: none;}
	.conditionCont { padding: 20px;}
	.conditionCont li { flex-direction: column; gap: 10px; align-items: start;}
	.conditionCont li h2 { border-right: none; border-bottom: 1px solid #ffffff; width: 100%;}
	*::-webkit-scrollbar { display: none!important;}
	.articleFlex { flex-direction: column; gap: 20px;}
	.articleAside { width: 100%; padding: 10px; position: static;}
	.articleAside li b { width: 13px; height: 5.5px; background-size: 100% auto;}
	.asideImg { width: 120px;}
	.articleControl .backMenu { display: none;}
	.articleControl a { width: 49%;}
	.titleTag { gap: 5px;}
	.titleTag p:nth-child(1) img { width: 16px;}
	.titleTag p:nth-child(2) img { width: 14px;}
	.social-share .social-share-icon { width: 24px; height: 24px;}
	.social-share .social-share-icon:before { background-size: 60% auto;}
	.articlePage { padding:30px 0 30px;}
	.articleTitle h2 span { font-size: 30px;}
	.articleTitle h2 { font-size: 20px;}
	.inBanner .swiper-pagination { bottom: 10px;}
	.bgContainer,.scontainer { max-width:92%;}
	.searchSub { padding: 30px 0;}
	.searchInfor { max-width: 92%;}
	.banner img { transform: scale(1);}
	.liveSwiper .swiper-button-prev { left: 4%;}
	.liveSwiper .swiper-button-next {right: 4%;}
	.systemSwiper .swiper-slide img { aspect-ratio: 1920 / 1200;}
	.more i {width: 6px; height: 10px; background-size: 100% auto;}
	.growMode span { font-size: 14px;}
	.hoveritem { position: static;}
	.growIcon { margin-bottom: 10px;}
	.mobDesc { display: block; padding:10px 20px 0; line-height: 1.5; text-align: center; font-size: 14px; color: #333333;}
	.featureSwiper { gap: 10px;}
	.honorSlide .swiper-slide img { max-height: 160px;}
	.honor { padding: 50px 0 30px; background-position: center 20px;}
	.pageMenu a { line-height: 2;}
	.leadingSwiper { padding: 0;}
	.leadingSwiper .swiper-button-prev,.leadingSwiper .swiper-button-next { display: none;}
	.factoryType span { color: #ffffff;}
	.productlist { padding-top: 20px;}
	.detailTip { padding-left: 0;}
	.detailTip a span {margin-left:10px;}
	.fullImg .swiper-button-next { right: 4%;}
	.fullImg .swiper-button-prev { left: 4%;}
	.descList li h3,.descList ul { text-align: center; justify-content: center;}
	.proForm ul { padding:20px}
	.proForm button { width: calc(100% - 40px); box-sizing:border-box;}
	.statItem p { font-size:12px;}
	.smallProject { width: 30px;}
	.homeMain { padding-top: 20px;}
	.searchBanner { background-position: 80% center;}
	:root{
		--font48:20px;
		--font36:16px;
		--font28:14px;
		--font22:14px;
	}
	.special3_desc { margin-bottom: 30px;}
	.special_3 { padding: 40px 0 280px;}
	.special4_text { position: static;}
	.qualityImg { position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
	.special4_text h2 { margin-bottom: 20px;}
	.special4_text ul { flex-wrap: wrap;}
	.special4_text li {width: calc(50% - 5px);}
	*::-webkit-scrollbar { display: none;}
	.special_5 { padding:80px 0;}
	.special_5 ul { gap: 10px; margin-top:30px;}
	.special_5 li { width: calc(50% - 5px);}
	.special_5 li p { bottom: 10px;}
	.special6_desc { padding: 0 0 140px;}
	.special_7 li p { font-size:14px;}
	.designImg img { width: 70%; display: block; margin: 0 auto;}
	.designFlex { gap: 20px;}
	.designText { width: 100%;}
	.designer { padding: 30px 0;}
	.special_9 { padding: 80px 0;}
	.workmanshipList { flex-wrap:wrap;}
	.workmanshipList li { width:calc(50% - 5px)}
	.special11Text { position: static;}
	.special11_bg,.special12_img,.special13_bg,.special14_bg { position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
	.special11_bg img,.special12_img img,.special13_bg img,.special14_bg img { width:100%; height:100%; object-fit: cover;}
	.special_12 { min-height: auto;}
	.special12Text,.special13Text,.special14Text { position: static; padding: 0;}
	.special_12 ul { margin-top:150px;}
	.specialInfor h2 { line-height: 1.25;}
	.special7_desc {margin-bottom:30px;}
	.special15Text p { font-size:16px; text-align: left; transform: translate(0); position: static;}
	.special15Text { align-items: start; flex-direction: column; gap: 16px;}
	.special9Flex { flex-direction: column; margin-bottom: 20px;}
	.special_16 { padding: 0;}
	.special_16 video { display: block;}
	.banner img.mobBanner { display: block;}
	.banner img.pcShow { display: none;}
	.inBanner img.mobBanner { display: block;}
	.inBanner img.pcShow { display: none;}
	.banner .swiper-pagination span { width: 16px; height: 6px;}
	.liveSwiper img { object-fit: cover; min-height: 200px;}
	.liveSwiper .swiper-button-prev::after, .liveSwiper .swiper-button-next::after { font-size: 16px;}
	.cellSwiper .swiper-pagination span { width: 16px; height: 6px;}
	.joinSubmitBtn { margin: 0 auto; height: .68rem;}
	.projectDesc p { text-align: left;}
	.gellaryItem { display: none;}
	.mobBg { display: block;}
	.gellaryCont { background: none; }
	.gellaryCont .gellaryList {position: absolute; left: 0; top: 20px; width: 100%;}
	.pcbg { display: none;}
	.special_3 { background: url(../images/special_3mob.jpg) center bottom no-repeat; background-size: cover;}
	.qualityImg img.pcbg,.special11_bg img.pcbg { display: none;}
	.qualityImg img.mobBg,.special11_bg img.mobBg { position: absolute; bottom: 0; width: 100%; object-fit: cover;}
	.special_6 { background: url(../images/special_6mob.jpg) center bottom no-repeat; background-size: cover; padding: 40px 0 120px;}
	.fixBottom { display: block;}
	.fixBottom ul { display: flex; justify-content: center; align-items: center; height: 100%;}
	.footer{padding-bottom:70px;}
}