@font-face {
  font-family: 'AlibabaPuHuiti';
  /* 优先使用本地已安装字体，避免重复下载 */
  src: local('AlibabaPuHuiti'),
       url('../font/AlibabaPuHuiti-Medium.ttf') format('truetype');
  /* 字重、样式严格匹配，多字重字体必须分开声明 */
  font-weight: normal;
  font-style: normal;
  /* 字体加载策略：FOUT 无阻塞闪烁，提升体验 */
  font-display: swap;
}
html,
body {
    font-family: "AlibabaPuHuiti", Arial, Helvetica, sans-serif;
    
}

/*hide scroll*/
::-webkit-scrollbar-track-piece {
    position: fixed;
    right: 0;
    background: #ddd;
}

::-webkit-scrollbar {
    width: 3px;
    height: 3px;
}

::-webkit-scrollbar-thumb {
    background: #d9c476;
    background-clip: padding-box;
    min-height: 0.1rem;
    cursor: pointer;
}

::-webkit-scrollbar-thumb:hover {
    background: #d9c476;
}

::-webkit-scrollbar-button {
    width: 3px;
    height: 3px;
}

.flex {
    display: -webkit-flex;
    display: flex;
    width: 100%;
    flex-wrap: wrap;
}

.box_con {
    box-sizing: border-box;
    margin: 0 auto;
    padding: 0 1.8rem;
    max-width: 19.2rem;
}

.box_cons {
    padding: 0 0.8rem;
    box-sizing: border-box;
    /* max-width: 19.2rem; */
    margin: 0 auto;
}

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

/* 滤镜-图片变纯黑 */
.img-black {
    filter: brightness(0);
}

/* 滤镜-图片变纯白 */
.img-white {
    filter: brightness(0) invert(1);
}

body{overflow-x: hidden;}
/* header */
header {position: fixed;z-index: 9;width: 100%;top: 0;left: 0;right: 0;transition: all 0.5s;background: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), transparent);transition: ease-in-out 0.25s;}
header .logo{height: 0.6rem;line-height: 0.6rem;}
header .logo a{display: flex;height: 100%;align-items: center;justify-content: center;}
.head_con{padding-top: 0.4rem;transition: ease-in-out 0.25s;}

.fixed header{background: #000;transition: ease-in-out 0.25s;}
.fixed header .head_con{padding-top: 0.1rem;padding-bottom: 0.1rem;transition: ease-in-out 0.25s;}

a:hover {color: #d9c476;}

/* box */
.box {padding: 1.2rem 0;box-sizing: border-box;}

.container{width: 100%;margin: 0 auto;}

/* header */
.layui-nav{float: right;padding: 0;}
.layui-bg-transparent{background: transparent;}
.layui-nav .layui-nav-item{line-height: 0.6rem;}
.layui-nav .layui-nav-item>a{font-size: 0.22rem;color: #fff;padding: 0 0.3rem;margin-left: 0.2rem;}
.layui-nav .layui-this:after, .layui-nav-bar{display: none;}
.layui-nav .layui-nav-item>a:hover, .layui-nav .layui-this>a{background: #d9c476;border-radius: 0.6rem;}
.layui-nav-child{background: rgba(255, 255, 255, 0.7);border: none;top: 0.6rem;}
.layui-nav .layui-nav-child a:hover{background: none;color: #d9c476;}

/* banner */
#banner .layui-carousel{height: 100vh;}
#banner .layui-carousel-arrow{display: none;}
.layui-carousel{height: 100vh;}
.layui-carousel div a{height: 100vh;}
.layui-carousel img{width: 100%;height: 100vh;object-fit: cover;}
.layui-carousel-ind{top: -0.6rem;}
.layui-carousel-ind ul,
.layui-carousel-ind ul li:hover{background: transparent !important;}
.layui-carousel-ind ul li{background: none;border: 0.04rem solid rgba(255, 255, 255, .5);width: 0.2rem;height: 0.2rem;margin: 0 0.15rem;}
.layui-carousel-ind ul li.layui-this{background: none;border: 0.04rem solid #d9c476;}
.layui-carousel>[carousel-item]>*{background: transparent;}

.layui-margin-0{margin: 0 !important;}
.layui-icon{font-size: 0.22rem;color: #d9c476;font-weight: 400;}
.layui-title{font-size: 1rem;color: #d9c476;line-height: 0.6rem;display: inline-block;text-align: end;}
.layui-mult{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;}

.layui-panel{color: #d9c476;background: transparent;border-width: 0;}
.layui-border-box{overflow: visible;height: auto;}
.layui-tabs-header{height: auto;white-space:initial;padding-right: 1.5rem !important;}
.layui-tabs-header li{display: block;text-align: left;font-size: 0.18rem;opacity: 0.5;padding-right: 1rem;margin-top: 0.15rem !important;line-height: 0.3rem;}
.layui-tabs-header li.layui-this{font-size: 0.32rem;opacity: 1;color: #d9c476;}
.layui-tabs-header:after, .layui-tabs-scroll:after{display: none;}
.layui-tabs-header .layui-this:after{border-bottom: 0;width: 0.4rem;height: 0.4rem;border-radius: 50%;background: #d9c476 url(../images/more_icon2.png) no-repeat center;left: auto;right: 0;top: 50%;transform: translateY(-50%);}
.product .layui-tabs{padding-top: 0.8rem;}
.layui-tabs-item .layui-img,
.layui-tabs-item .layui-img img{height: 100%;transition: ease-in-out 0.25s;}
.layui-tabs-item .layui-img img{object-fit:contain;}
.layui-tabs-item .layui-img:hover img{transform: scale(1.1);transition: ease-in-out 0.25s;}
.layui-carousel>[carousel-item]:before{opacity: 0;}

/* product */
.product{height: 9.4rem;}
.product-demo.layui-carousel{background: none !important;max-height: 7.6rem !important;}
.product-demo.layui-carousel .layui-carousel-arrow{opacity: 1;left: 50%;text-align: center;line-height: 0.5rem;display: inline-flex;align-items: center;justify-content: center;}
.product-demo.layui-carousel .layui-carousel-arrow::before{background: url(../images/more_icon.png) no-repeat center;content: "";width: 0.2rem;height: 0.2rem;display: block;}
.product-demo.layui-carousel .layui-carousel-arrow:hover::before{background: url(../images/more_icon2.png) no-repeat center;}
.product-demo.layui-carousel .layui-carousel-left{transform: rotate(-135deg);}
.product-demo.layui-carousel:hover .layui-carousel-arrow,
.product-demo.layui-carousel:hover .layui-carousel-right[lay-type=add]{right: 35%;}
.product-demo.layui-carousel>[carousel-item]{overflow-x: hidden;overflow: visible;}
.product-demo .layui-text .tit{font-size: 0.32rem;color: #d9c476;}
.product-demo .layui-text .txt{-webkit-line-clamp: 3;line-clamp: 3;font-size: 0.18rem;color: #d9c476;opacity: 0.5;height: 1.8rem;}
.product-demo .page-num-wrap{left: 55%;bottom: -20%;color: #d9c476;font-size: 0.26rem;}
.product-demo .page-num-wrap .page-num-current{font-size: 0.6rem;font-weight: normal;}
.product-demo .layui-carousel-arrow{top: 150%;width: 0.5rem;height: 0.5rem;background: rgba(255, 255, 255, .5);transform: rotate(-135deg);}
.product-demo .layui-carousel-arrow[lay-type=add]{right: 35%;transform: rotate(45deg);}
.product-demo .layui-carousel-arrow:hover{background: #d9c476;}
/* product 页码指示器 */
.page-num-wrap{position: absolute;bottom: 0.2rem;left: 50%;transform: translateX(-50%);z-index: 10;display: flex;align-items: baseline;gap: 4px;color: #fff;}
.page-num-current{font-size: 0.32rem;font-weight: bold;color: #d9c476;}
.page-num-sep{font-size: 0.2rem;opacity: 0.5;margin: 0 2px;}
.page-num-total{font-size: 0.18rem;opacity: 0.5;}

/* 左右滚动效果 */
#containers2 {position: sticky;top: 0;max-width: 100vw;width: fit-content;height: 100vh;overflow: hidden;z-index: 1;right: 0;}
/* 内部轨道 */
#containers2 .scroll-track {display: flex;height: 100vh;width: 165vw;will-change: transform;overflow: hidden;}
/* 每张卡片 */
#containers2 .containers {width: 100vw;height: 100vh;flex-shrink: 0;background-size: cover;background-repeat: no-repeat;background-position: center center;position: relative;will-change: background-position;display: flex;align-items: center;}
#containers2 .containers:last-child{width: 65vw;}

/* video */
.video{height: 100vh;position: relative;width: 100%;background: #000;}
.video video{width: 100%;height: 100%;object-fit: cover;position: absolute;top: 0;left: 0;right: 0;}
.video-pop{display: flex;align-items: center;flex-direction: column;position: absolute;z-index: 2;left: 0;right: 0;margin: 0 auto; top: 50%;transform: translateY(-50%);}
.video-pop .img{max-width: 5.9rem;}
.video-pop .tit{font-size: 0.7rem;color: #d9c476;margin: 0.2rem auto;}
.video-pop .layui-icon{font-size: 0.6rem;color: rgba(255, 255, 255, .8);cursor: pointer;}

/* about */
.about{width: 65vw;padding: 0 0.8rem 0 1.5rem;box-sizing: border-box;}
.about .layui-subtitle{font-size: 0.4rem;color: #d9c476;margin: 0.3rem 0 0.6rem;}
.about .layui-desc{font-size: 0.2rem;color: rgba(255, 255, 255, .5)}
.about .more{display: inline-flex;align-items: center;}
.about .more a{margin: 0.3rem 0;}
.about .more #play{margin-left: 0.3rem;width: 0.6rem;height: 0.6rem;background: #d9c476;color: #fff;cursor: pointer;;text-align: center;line-height: 0.6rem;}
.video-pops{position: fixed;background: rgba(0, 0, 0, 0.8);top: 0;left: 0;right: 0;z-index: 9;width: 100vw;height: 100vh;display: none;align-items: center;justify-content: center;}
.video-pops .videos{width: 6.40rem;height: 3.6rem;margin: 0 auto;}
#close{background: #d9c476;color: #fff;width: 0.4rem;height: 0.4rem;text-align: center;line-height: 0.4rem;position: absolute;top: 30%;left: 65%;cursor: pointer;}

/* treatment */
.treatment .layui-title{text-align: center;display: block;}
.layui-treatment{position: relative;}
.treatment-items{position: absolute;top: 0;left: 0;right: 0;}

.album{width: 6rem;height: 6rem;margin: 0.8rem auto; position: relative;}
#layui-icon-refresh{position: absolute;top: 0;left: 0;right: 0;width: 6rem;height: 6rem;}
#layui-icon-refresh img{width: 100%;height: 100%;}
.img-items{width: 6rem;height: 6rem;padding: 0.25rem;box-sizing: border-box;position: relative;}
.img-items .img{opacity: 0;overflow: hidden;transition: ease-in-out 0.5s;position: absolute;top: 0.2rem;left: 0.2rem;right: 0.2rem;}
.img-items .img img{width: 100%;height: 100%;object-fit: cover;transition: ease-in-out 0.5s;transform: scale(1.2);}
.img-items .img.active{opacity: 1;transition: ease-in-out 0.5s;}
.img-items .img.active img{transform: scale(1);transition: ease-in-out 0.5s;}

.dot-items{position: absolute;left: 50%;bottom: 50%;width: 0;transform-origin: 50%;height: 48%;}
.dot-items .dot{height: calc(100% + 0.18rem);transform-origin: 50% 100%;transition: opacity .5s cubic-bezier(.435, .25, .15, .965);position: absolute;top: -0.16rem;left: 0;z-index: 2;}
.dot-items .dot span{border: 2px solid #d9c476;width: 0.12rem;height: 0.12rem;display: block;border-radius: 50%;background: #343844;transition: ease-in-out 0.25s;}
.dot-items .dot.active span{opacity: 0;transition: ease-in-out 0.25s;}
.dot-items .dot:nth-child(1){transform: translate(-50%) rotate(35deg);}
.dot-items .dot:nth-child(2){transform: translate(-50%) rotate(75deg);}
.dot-items .dot:nth-child(3){transform: translate(-50%) rotate(110deg);}
.dot-items .dot:nth-child(4){transform: translate(-50%) rotate(145deg);}
.dot-items .dot:nth-child(5){transform: translate(-50%) rotate(215deg);}
.dot-items .dot:nth-child(6){transform: translate(-50%) rotate(250deg);}
.dot-items .dot:nth-child(7){transform: translate(-50%) rotate(285deg);}
.dot-items .dot:nth-child(8){transform: translate(-50%) rotate(325deg);}

.treatment-items ul{max-width: 4.8rem;float: right;width: 30%;display: flex;flex-direction: column;}
.treatment-items ul:nth-child(2){float: left;flex-direction: column-reverse;}
.treatment-items ul li{margin: 0.3rem 0;opacity: 0.5;}
.treatment-items ul li .num{font-size: 0.24rem; color: #d9c476;line-height: 1;}
.treatment-items ul li .tit{font-size: 0.3rem;color: #d9c476;line-height: 1.7;}
.treatment-items ul li .desc{font-size: 0.16rem;color: #fff;line-height: 1.7;}
.treatment-items ul li.active{opacity: 1;}

/* news */
.news{height: 9.4rem;padding-top: 1rem;box-sizing: border-box;}
.news .more a{margin: auto 0 0 auto;}
.news_list a{border-bottom: 1px solid rgba(235, 235, 235, 0.1);display: block;padding-bottom: 0.45rem;margin-top: 0.4rem;}
.news_list .img{width: 100%;height: 3.4rem;border-radius: 0.15rem;overflow: hidden;margin:0 0 0.3rem;}
.news_list .img img{width: 100%;height: 100%;object-fit: cover;transition: ease-in-out 0.25s;}
.news_list .title{font-size: 0.26rem;line-height: 0.32rem;color: #fff;height: 1.28rem;-webkit-line-clamp: 4;line-clamp: 4;opacity: 0.3;transition: ease-in-out 0.25s;}
.news_list .time{color: #d9c476;font-size: 0.2rem;display: flex;align-items: center;margin-bottom: 0;line-height: 1;}
.news_list .time i{margin-right: 0.1rem;}
.news_list a:hover{border-bottom: 1px solid #d9c476;text-decoration: none;}
.news_list a:hover .title{color: #d9c476;opacity: 1;transition: ease-in-out 0.25s;}
.news_list a:hover .img img{transform: scale(1.1);transition: ease-in-out 0.25s;}

/* explore */
.explore{text-align: center;font-size: 0.74rem;color: #d9c476;padding: 0.8rem 0;}
.more a{display: block;width: 1.9rem;height: 0.6rem;color: #fff;border-radius: 0.6rem;margin: 0.3rem auto;font-size: 0.18rem;display: flex;align-items: center;justify-content: center;text-indent: 0.5em;transition: ease-in-out 0.25s;border: 1px solid #d9c476;}
.more a i{width: 0.42rem;height: 0.42rem;display: flex;align-items: center;justify-content: center;background: #d9c476 url(../images/more_icon2.png) no-repeat center;margin-left: 0.3rem;transition: ease-in-out 0.25s;}
.more a:hover{transition: ease-in-out 0.25s;background: #d9c476;}
.more a:hover i{transition: ease-in-out 0.25s;background: #fff url(../images/more_icon.png) no-repeat center;}

/* footer */
footer{background: rgba(1, 1, 11, 0.95);border-radius: 0.6rem;padding: 0.6rem 0.6rem 1rem;border: 1px solid rgba(235, 235, 235, 0.1);}
.foot_con{box-sizing: border-box;border-bottom: 1px solid rgba(235, 235, 235, 0.1);}
.foot_logo{max-width: 3.15rem;}
.foot_link{padding-top: 72%;}
.foot_link button{width: 0.3rem;height: 0.3rem;padding: 0;border: none;}
.foot_link button img{width: 100%;height: 100%;object-fit: cover;display: block;}
.foot_item h2{color: #d9c476;}
.foot_item h3{font-size: 0.22rem;color: #d9c476;}
.foot_item h4{font-size: 0.2rem;color: #d9c476;opacity: 0.4;}
.foot_item1{border-bottom: 1px solid rgba(235, 235, 235, 0.1);}
.foot_item1 .foot_item p{-webkit-column-count: 2;-moz-column-count: 2;column-count: 2;-webkit-column-gap: 0.3rem;-moz-column-gap: 0.3rem;column-gap: 0.3rem;-webkit-column-fill: auto;-moz-column-fill: auto;column-fill: auto;max-height: calc(4 * 0.4rem);}
.foot_item a{display: block;color: #fff;opacity: 0.3;font-size: 0.14rem;-webkit-column-break-inside: avoid;page-break-inside: avoid;break-inside: avoid;}
.foot_item a:hover{text-decoration: none;opacity: 1;}
.foot_item span{display: inline-flex;color: #fff;opacity: 0.3;font-size: 0.18rem;}
.foot_item2 .foot_item a{opacity: 1;}

/**/
html { font-size: 100px; }

/* 媒体查询调整不同屏幕 */
@media screen and (min-width: 19.2rem) {
  html { font-size: 100px; }
}
@media screen and (max-width: 750px) {
  html {font-size: 85px !important; } /* 750/7.5/100=1vw */
  .head_nav .head_nav_item>a{color: #fff;}
}
/* 公共 */
.flex-col {display: flex;flex-direction: column;}
.flex-row {display: flex;flex-direction: row;}
.justify-start {display: flex;justify-content: flex-start;}
.justify-center {display: flex;justify-content: center;}

.justify-end {display: flex;justify-content: flex-end;}
.justify-evenly {display: flex;justify-content: space-evenly;}
.justify-around {display: flex;justify-content: space-around;}
.justify-between {display: flex;justify-content: space-between;}
.align-start {display: flex;align-items: flex-start;}
.align-center {display: flex;align-items: center;}
.align-end {display: flex;align-items: flex-end;}

.block_1 {width: 100%;max-width: 19.2rem;margin: 0 auto;position: relative;padding-bottom: 0.6rem;}
.group_1 {width: 100%;max-width: 15.6rem;margin: 0 auto;display: flex;flex-wrap: wrap;align-items: flex-end;padding: 1.5rem 0 0.8rem;box-sizing: border-box;height: 4.85rem;}
.group_1 .text-group_4 {display: flex;flex-direction: column;}
.group_1 .text-group_4 .text_8 {overflow-wrap: break-word;color: rgba(217, 196, 118, 1);font-size: 1rem;font-weight: normal;text-align: left;line-height: 1;}
.group_1 .text-group_4 .text_9 {overflow-wrap: break-word;color: rgba(255, 255, 255, 1);font-size: 0.2rem;font-weight: normal;text-align: left;white-space: nowrap;line-height: 0.32rem;margin-top: 0.2rem;}
.group_1 .text_10 {width:auto;overflow-wrap: break-word;color: rgba(217, 196, 118, 1);font-size: 0.18rem;font-weight: normal;text-align: left;white-space: nowrap;line-height: 0.26rem;margin-left: 0.1rem;margin-bottom: 0.1rem;}
.group_1 .text_10 a{font-size: 0.18rem;color: #d9c476;padding: 0 0.1rem;}


/* 页码样式 */
/* ===== 分页 ===== */
.section_2 {
  width: 100%;
  margin: 0.3rem auto;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.15rem;
}

.text-wrapper_3 {
  height: 0.7rem;
  width: 0.7rem;
  border: 0.01rem solid #d9c476;
  border-radius: 50%;
  overflow: hidden;
  box-sizing: border-box;
  flex-shrink: 0;
}
.text-wrapper_3 a {
  display: block;
}

.text_23 {
  color: rgba(255, 255, 255, 1);
  font-size: 0.2rem;
  font-weight: normal;
  line-height: 0.68rem;
  width: 0.68rem;
  height: 0.68rem;
  display: block;
  text-align: center;
}
.text_23.active {
  background: #d9c476;
}

.image-wrapper_4 {
  height: 0.7rem;
  width: 0.7rem;
  border: 0.01rem solid #d9c476;
  border-radius: 50%;
  overflow: hidden;
  box-sizing: border-box;
  flex-shrink: 0;
}
.image-wrapper_4 a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}
.thumbnail_14 {
  width: 0.15rem;
  height: 0.12rem;
}

/* ===== 分页中的省略号 ===== */
.section_2 > .text_23 {
  flex-shrink: 0;
}