@keyframes svgAni{to{stroke-dashoffset: 0;}}

@keyframes scrolldown { 0% { transform: scale(1, 1);  transform-origin: 100% 100%; }
  55% { transform: scale(1, 1);transform-origin: 100% 100%; }
  70% {transform: scale(1, 0);transform-origin: 100% 100%; }
  85% {transform: scale(1, 0); transform-origin: 0 0; }
  100% {transform: scale(1, 1); transform-origin: 0 0; } }


/* banner */
.banner .wrap{height: 0;padding-bottom: 100vh;}
.banner .wrap video{position: absolute;left: 0;top: 0;width: 100%;height: 100%;object-fit: cover;}
.banner .wrap .text{position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);}
.banner .wrap .text .name{color: var(--primary-color);line-height: 1.4;}
.banner .wrap .text .desc{color: #FFFFFF;line-height: 1;margin: 0.4rem 0 1.6rem;max-width: 30rem;}
.banner .control{position: absolute;right: 3.33rem;top: 50%;transform: translateY(-50%);z-index: 2;flex-direction: column;color: #fff;}
.banner .swiper-pagination{position: relative;flex-direction: column;}
.banner .swiper-pagination .swiper-pagination-bullet{width: 24px;height: 24px;margin: 0.27rem 0;background: none;opacity: 1;position: relative;}
.banner .swiper-pagination .swiper-pagination-bullet::before{content: "";width: 8px;height: 8px;background: currentColor;border-radius: 50%;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.banner .swiper-pagination .swiper-pagination-bullet svg{position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);border-radius: 50%;fill: transparent;stroke-width: 1px;stroke: #fff;width: 100%;height: 100%;stroke-dasharray: 140;stroke-dashoffset: -140;}
.banner .swiper-pagination .swiper-pagination-bullet-active svg{animation: svgAni 2s linear forwards;}
.banner .state{flex-direction: column;padding-bottom: 1.07rem;line-height: 0.93rem;}
.banner .state em{display: block;width: 0.53rem;height: 1px;background: #D8D8D8;margin: 0.4rem auto;}
.banner .state ul{height: 0.93rem;position: relative;overflow: hidden;font-family: "D-DIN-PRO-700-Bold";width: 0.67rem;}
.banner .state ul li{position: absolute;left: 0;top: 0;width: 100%;text-align: center;}
.banner .state span{opacity: 0.4;}
.banner .scroll{position: absolute;left: 50%;bottom: 5.33rem;z-index: 2;transform: translateX(-50%);color: #fff;line-height: 0.93rem;flex-direction: column;}
.banner .scroll .icon{width: 0.53rem;height: 0.8rem;margin: 0 auto 0.53rem;background: url(../images/icon_mouse.svg) no-repeat center;background-size: 100% 100%;}
.banner .scroll .icon i{width: 2px;height: 0.4rem;position: absolute;left: 50%;top: 0.2rem;margin-left: -1px;background: #fff;border-radius: 2px;animation: scrolldown 2s infinite cubic-bezier(0.645, 0.045, 0.355, 1);}



/* 标题 */
.iTitle .name{color: var(--primary-color);margin-bottom: 0.4rem;}
.iTitle .title{line-height: 1.25;}
.iTitle .title span{opacity: 0.4;}

/* 描述 */
.descStyle{line-height: 0.93rem;max-width: 20rem;}


/* isect1 */
.isect1 .top{padding: 3.33rem 0 7.13rem;}
.isect1 .top .pic{position: absolute;top: 6rem;right: -9.93rem;width: 50.73rem;pointer-events: none;z-index: 3;}
.isect1 .top .pic > img{width: 100%;}
.isect1 .top .pic .icon{width: 2.27rem;height: 2.27rem;background: #B3854F;position: absolute;left: 27.77rem;top: 13.27rem;border-radius: 50%;color: #B3854F;cursor: pointer;pointer-events: painted;}
.isect1 .top .pic .icon::before{content: '';position: absolute;left: 0;right: 0;top: 0;bottom: 0;background-color: currentColor;border-radius: 50%;animation: aniDot 3s linear infinite;}
.isect1 .top .pic .icon::after{content: '';position: absolute;left: 0;right: 0;top: 0;bottom: 0;background-color: currentColor;border-radius: 50%;animation: aniDot 3s linear 1s infinite;}
.isect1 .top .pic .icon img{position: relative;z-index: 2;margin-left: 0.5em;}
.isect1 .top .pic .icon span{position: absolute;left: calc(100% + 20px);color: #fff;font-family: "D-DIN-PRO-700-Bold";font-size: 0.6rem;white-space: nowrap;}
.isect1 .top .descStyle{margin: 1.6rem 0 3.8rem;}
.isect1 .btm{z-index: 2;}
.isect1 .btm::before{content: "";width: 100%;height: 50%;background: #F6F6F6;position: absolute;left: 0;bottom: 0;}
.isect1 .btm ul{box-sizing: border-box;padding: 2rem 0;background: #FFFFFF;border-radius: 12px;box-shadow: 0px 0.67rem 2rem 0px rgba(68, 45, 18, 0.2);}
.isect1 .btm ul li{flex: 1;box-sizing: border-box;border-left: 1px solid rgba(179, 133, 79, 0.2);padding-left: 2rem;line-height: 0.8rem;}
.isect1 .btm ul li:first-child{border: none;}
.isect1 .btm ul li .icon{height: 1.6rem;}
.isect1 .btm ul li .data{line-height: 1;color: var(--primary-color);margin: 0.93rem 0 0;}
.isect1 .btm ul li .data em{margin-right: 0.1em;}

/* isect2 */
.isect2{padding-top: 3.33rem;background: #F6F6F6 url(../images/isect2_bg.png) no-repeat left 6.17rem;background-size: 100% auto;}
.isect2 .iTitle{margin-bottom: 3.47rem;}
.isect2 .iTitle .title{max-width: 33.33rem;}
.isect2 ul li{position: sticky;top: var(--top);backdrop-filter: blur(80px);background: rgba(255, 255, 255, 0.6);box-shadow: 0px -16px 30px 0px rgba(0, 0, 0, 0.06);border-radius: 1rem;}
.isect2 ul li.last{background: none;box-shadow: none;backdrop-filter: initial;height: 60vh;}
.isect2 ul li .wrap{display: block;height: 0;padding-bottom: 50%;border-radius: 1rem;}
.isect2 ul li .wrap .pic{position: absolute;left: 0;top: 0;width: 100%;height: 100%;object-fit: cover;opacity: 0;}
.isect2 ul li .wrap .text{position: absolute;left: 0;top: 1.07rem;width: 100%;box-sizing: border-box;padding: 0 2rem;color: #fff;}
.isect2 ul li .wrap .title{align-items: center;line-height: 1.33rem;color: #222;}
.isect2 ul li .wrap .title img{width: 1.2rem;margin-right: 0.53rem;}
.isect2 ul li .wrap .descStyle{color: #fff;line-height: 0.8rem;margin: 0.4rem 0 1.33rem;padding-left: 1.73rem;color: #fff;}
.isect2 ul li .wrap .moreBtn1{margin-left: 1.73rem;}
.isect2 .state{position: absolute;right: 1rem;top: 1.33rem;color: #fff;z-index: 8;width: 1.33rem;text-align: center;flex-direction: column;}
.isect2 .state em{display: block;width: 0.53rem;height: 1px;background: #D8D8D8;margin: 0.4rem auto;}
.isect2 .state span{opacity: 0.4;display: block;}
.isect2 .state .num{height: 1.6rem;text-align: center;line-height: 1.6rem;width: 100%;filter: brightness(0) invert(1);}


/* isect3 */
.isect3{width: 100%;height: 300vh;}
.isect3 .box{width: 100%;height: 100vh;position: sticky;top: 0;}
.isect3 .bottom{height: 100vh;}
.isect3 .bottom .bgStyle em{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(161, 115, 61, 0.3);}
.isect3 .bottom .text{position: absolute;left: 50%;top: 3.33rem;opacity: 0;transform: translateX(-50%);}
.isect3 .bottom .text .right{max-width: 23.33rem;}
.isect3 .bottom .text .right .tit{line-height: 1.25;}
.isect3 .bottom .text .right .tit span{color: var(--primary-color);}
.isect3 .bottom .text .right .descStyle{line-height: 0.8rem;margin: 0.67rem 0 2rem;}
.isect3 .upper{position: absolute;left: 0;top: 0;width: 100%;height: 100vh;z-index: 2;pointer-events: none;}
.isect3 .upper .iTitle{position: absolute;top: 2.67rem;left: 50%;transform: translateX(-50%);max-width: 32.77rem;flex-direction: column;text-align: center;z-index: 2;}
.isect3 .upper .scroll{line-height: 0.93rem;position: absolute;left: 50%;bottom: 1rem;transform: translateX(-50%);flex-direction: column;z-index: 2;}
.isect3 .upper .scroll .line{width: 1px;height: 4rem;background: #222;animation: scrolldown 2s infinite cubic-bezier(0.645, 0.045, 0.355, 1);}
.isect3 .upper .scroll .icon{margin: 0.53rem auto;width: 0.8rem;}
.isect3 .upper .mask{--scale: 1;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%) scale(var(--scale));width: 105%;}

/* isect4 */
.isect4{padding: 3.33rem 0 6.67rem;background: url(../images/isect4_bg.png) no-repeat center top;background-size: cover;}
.isect4 .map{width: 56.97%;height: 18.67rem;border-radius: 0.67rem;}
.isect4 .map img{width: 100%;height: 100%;object-fit: cover;}
.isect4 .right{width: 40.7%;height: 18.67rem;box-sizing: border-box;padding: 2rem;border-radius: 0.67rem;box-shadow: 0px 0.67rem 2rem 0px rgba(68, 45, 18, 0.2);}
.isect4 .right .title{line-height: 1.25;}
.isect4 .right .title::first-letter{text-transform: uppercase;}
.isect4 .right dl{margin-top: 1.33rem;line-height: 1.07rem;display: flex;}
.isect4 .right dl dt{flex-shrink: 0;margin-right: 1rem;}
.isect4 .right dl dt img{width: 0.93rem;}
.isect4 .right dl dd{flex: 1;overflow: hidden;}
.isect4 .right dl dd .tit{color: var(--primary-color);margin-bottom: 0.27rem;}
.isect4 .right dl dd .tit::first-letter{text-transform: uppercase;}
.isect4 .right dl dd .cont{line-height: 0.8rem;}
.isect4 .right dl dd .tel{line-height: 1.33rem;}

/* 导入动画 */
.loading {position: fixed;left: 0;top: 0;width: 100%;height: 100vh;z-index: 100;animation: hide 0.1s forwards 4s;}
.loading .mask {position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);width: 100%;}
.loading .cls-1 {fill: #b3854f;stroke-width: 0px;}
#logoAnimation {width: calc(473.69 / 1920 * 100vw);max-width: 473.69px;height: auto;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);transform-origin: center center;z-index: 30;overflow: visible;opacity: 0;}
.loading .line{width: 70%;max-width: 1200px;height: 4px;background: #DDDDDD;position: absolute;left: 50%;bottom: 10vh;transform: translateX(-50%);animation: hide 1.5s ease forwards 2s;}
.loading .line span{position: absolute;left: 0;top: 0;width: 0;height: 100%;background: #B3854F;animation: progress 2s ease forwards;}
.loading .line span em{position: absolute;right: 0;bottom: 100%;font-size: 0.8rem;color: #B3854F;text-transform: uppercase;font-family: "DINBold";line-height: 0.93rem;}
.video-cover {position: fixed;inset: 0;background: rgba(255, 255, 255, 1); /* 调试用 */z-index: 20;transition: opacity 0.2s ease;}
.video-cover.hidden {opacity: 0;pointer-events: none;}
@keyframes progress {
  0% {width: 0;}
  100% {width: 100%;}
}
@keyframes hide{
	100%{opacity: 0;visibility: hidden;}
}

/* 视频弹窗 */
/* 去掉 layer 外壳阴影、边框 */
.no-shadow {box-shadow: none !important;-webkit-box-shadow: none !important;border: none !important;}

/* 去掉 iOS 视频控件自带阴影 */
.no-shadow video {-webkit-appearance: none !important;box-shadow: none !important;}
/* ② 把视频变成“块级+等比缩放” */
.m-video-wrap {position: relative;width: 100%;height: 0;padding-bottom: 56.25%;   /* 16:9 固定比例 */background: #000;}
.m-video-wrap video {position: absolute;left: 0;top: 0;width: 100%;height: 100%;object-fit: contain;      /* 防止拉伸变形 */}

@media screen and (max-width: 1620px){
.banner .scroll{bottom: 3.5rem;}

.isect1 .top{padding: 2.8rem 0 5rem;}
.isect1 .top .descStyle{margin: 1.2rem 0 2.8rem;}
}
@media screen and (max-width: 1480px){

}

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


@media screen and (max-width: 1024px){
.banner .wrap{padding-bottom: 50%;}
.banner .wrap .text .desc{font-size: 1.4rem;margin-bottom: 1rem;}

.isect1 .top .pic{display: none;}
}

@media screen and (max-width: 760px){
.banner .state{display: none;}
.banner .control{right: 5%;}
.banner .swiper-pagination .swiper-pagination-bullet{margin: 0;transform: scale(0.8);}
.banner .wrap{padding-bottom: 60%;}
.banner .wrap .text .desc{font-size: 1rem;}
.banner .scroll{display: none;}
.banner .scroll .icon{margin-bottom: 0.2rem;}

.iTitle .title{font-size: 0.7rem;}
.descStyle{max-width: none;}

.isect1 .top{padding: 1rem 0 1.5rem;}
.isect1 .top .descStyle{margin: 0.5rem 0 1rem;}
.isect1 .btm ul{padding: 1rem 0 0;flex-wrap: wrap;}
.isect1 .btm ul li{flex: auto;width: 50%;padding-left: 5%;margin-bottom: 1rem;}
.isect1 .btm ul li:nth-child(3){border: none;}
.isect1 .btm ul li .icon{height: 1.1rem;}
.isect1 .btm ul li .data{margin-top: 0.4rem;font-size: 1.2rem;}
.isect1 .moreBtn{opacity: 1 !important;transform: translate(0px, 0px) !important;}

.isect2{padding-top: 1rem;}
.isect2 .iTitle{margin-bottom: 1rem;display: block;}
.isect2 .state{right: 0.5rem;}
.isect2 ul li{margin-bottom: 0.5rem;}
.isect2 ul li,
.isect2 ul li .wrap{border-radius: 0.5rem;}
.isect2 ul li .wrap .text{padding: 0 1.5rem 0 1rem;}
.isect2 ul li .wrap .title img{width: 0.8rem;margin-right: 0.3rem;}
.isect2 ul li .wrap .descStyle{padding-left: 1.1rem;margin-bottom: 0.8rem;-webkit-line-clamp: 2;}
.isect2 ul li .wrap .moreBtn1{margin-left: 1.1rem;}
.isect2 ul li .wrap .pic{opacity: 1 !important;}
.isect2 ul li .wrap .title{color: #fff;}
.isect2 ul li .wrap .title img{filter: brightness(0) invert(1);}
.isect2 .state{top: 1rem;right: 0.2rem;}

.isect3,
.isect3 .box,
.isect3 .bottom{height: auto;}
.isect3 .upper .mask{width: 120%;--scale: 2;}
.isect3 .bottom{padding: 2rem 0 12rem;}
.isect3 .bottom .bgStyle em{display: none;}
.isect3 .bottom .text{display: block;top: 0;position: relative;opacity: 1;top: 0;left: 0;transform: translateX(0);}
.isect3 .bottom .text .right{margin-top: 0.5rem;}
.isect3 .bottom .text .right .descStyle{margin: 0.5rem 0 1rem;}
.isect3 .upper{display: none;}

.isect4{padding: 1rem 0 2rem;}
.isect4 > .w1720{display: block;}
.isect4 .map{width: 100%;height: auto;margin-bottom: 0.5rem;}
.isect4 .right{width: 100%;padding: 1rem;height: auto;}
.isect4 .right dl{margin-top: 0.8rem;}
.isect4 .right dl dt{margin-right: 0.5rem;}
.isect4 .right dl dt img{width: 0.6rem;}
.isect4 .right dl dd .tit{margin-bottom: 0;}

.loading{display: none;}
.video-cover{display: none;}
}

@media screen and (max-width: 468px){
.banner .wrap .text{top: 55%;}
.banner .wrap .text .desc{font-size: 0.6rem;line-height: 1.2;margin: 0.2rem 0 0.5rem;}
.banner .wrap .text .moreBtn{transform-origin: left center;transform: scale(0.6);display: none;}
.isect2 ul li .wrap .descStyle,
.isect2 ul li .wrap .moreBtn1{display: none;}
.isect2 ul li .wrap .text{padding-left: 0.5rem;}
.isect2 ul li.last{display: none;}
.isect3 .upper .mask{width: 120%;--scale: 3;}
}