@keyframes fadeInUp2 {
	    from {
	        opacity: 0;
	        transform: translate3d(0, 100px, 0);
	    }
	
	    to {
	        opacity: 1;
	        transform: translate3d(0, 0, 0);
	    }
	}
	
	.fadeInUp2 {
	    animation-name: fadeInUp2;
	}
	
	.banner {
	    position: relative;
	    margin-top: 100px;
	}
	
	.g_sybantu-wap {
	    display: none;
	}
	
	.g_sybansk {
	    width: 100%;
	    height: calc(100vh - 100px);
	    position: relative;
	}
	
	video {
	    object-fit: cover;
	    width: 100%;
	    height: 100%;
	}
	
	.g_sybansk .text {
	    position: absolute;
	    top: 50%;
	    left: 50%;
	    opacity: 0;
	    transform: translate(-50%, -50%) translate3d(0, 5px, 0);
	}
	
	.section1,
	.section2,
	.section3,
	.section4 {
	    margin-top: 100px;
	}
	
	section {
	    width: 100%;
	}
	
	.title1 {
	    color: #000;
	    font-size: 70px;
	    font-family: "mi2";
	    text-align: center;
	    font-weight: bold;
	}
	
	.list1 {
	    padding-top: 35px;
	}
	
	.list1 ul,
	.list2 {
	    display: flex;
	    justify-content: center;
	}
	
	.section0 .wrap {
	    position: relative;
	}
	
	
	.list1 li {
	    text-align: center;
	    width: calc(33.33% - 30px);
	    margin: 0 15px;
	}
	
	.list1 li h3 {
	    font-family: "mi4";
	    color: #000;
	    font-size: 28px;
	    padding-bottom: 14px;
	}
	
	.list1 li p {
	    font-family: "mi5";
	    color: #000;
	    font-size: 17px;
	    text-align:left;
	}
	
	.section0 {
	    /* 开启硬件加速，避免动画掉帧 */
	    transform: translateZ(0);
	    will-change: contents;
	}
	
	/* 视频层（初始显示，播放完淡出） */
	.video-layer {
		width: 100%;
		height: 100vh;
	    transition:
	        opacity 1.2s cubic-bezier(0.22, 1, 0.36, 1),
	        transform 1.2s cubic-bezier(0.22, 1, 0.36, 1),
	        filter 1.2s cubic-bezier(0.22, 1, 0.36, 1);
	    opacity: 1;
	    transform: scale(1);
	    /* 初始无缩放 */
	    filter: blur(0);
	    /* 初始无模糊 */
	    /* 优化2：开启硬件加速 */
	    transform: translateZ(0);
	    will-change: opacity, transform, filter;
	}
	
	.video-layer video {
	    width: 100%;
	    height: 100%;
	    object-fit: cover;
	}
	
	.video-layer.fade-out {
	    opacity: 0;
	    pointer-events: none;
	}
	
	/* 第一屏内容层（优化动画时序+添加入场动画） */
	.screen1-content {
		position: absolute;
		width: 100%;
		left: 0;
		top: 0;
		height: 100vh;
	    z-index: -1;
	    opacity: 0;
	    will-change: opacity, transform;
	}
	
	/* 内容层显示状态（恢复位置+缩放） */
	.screen1-content.fade-in {
	    /* 回到正常位置+大小 */
	    z-index: 2;
	}
	
	.section0 .title1 {
	    padding-top: 6%;
	}
	
	.list2 img {
	    height: 460px;
	}
	
	.list2 img:nth-child(2) {
	    height: 410px;
	    margin-top: 40px;
	}
	
	.v-text {
	    font-family: "mi3";
	    font-weight: bold;
	    color: #fff;
	    font-size: 80px;
	    text-align: center;
	    position: absolute;
	    top: 50%;
	    width: 100%;
	    /*opacity: 0;
	    transform: translateY(100%);
	    animation: riseAppear 2s ease-in-out forwards;*/
	    margin-top: -45px;
	}
	.video-layer .v-text{animation:fadeOut 4.5s forwards;}
	@keyframes fadeOut {
            0% { opacity: 1; }
            99% { opacity: 1; } /* 前4.95秒保持显示 */
            100% { opacity: 0; pointer-events: none; } /* 5秒瞬间消失 */
        }
	@keyframes riseAppear {
	    0% {
	        opacity: 0;
	        transform: translateY(100%);
	        /* 初始位置在下方 */
	    }
	
	    100% {
	        opacity: 1;
	        transform: translateY(0);
	        /* 上升到原始位置 */
	    }
	}
	
	.title1 h3 {
	    font-size: 75px;
	    font-family: "mi2";
	    height: 90px;
	    font-weight: bold;
	}
	
	.about {
	    width: 60%;
	    margin: 0 auto;
	    padding-top: 4.5%;
	}
	
	.about p {
	    font-family: "mi5";
	    color: #000;
	    font-size: 18px;
	    line-height: 30px;
	    text-indent: 36px;
	    text-align: justify;
	}
	
	.section1 {
	    position: relative;
	    z-index: 10;
	    background: #fff;
	    opacity: 0;
	}
	
	.five-box ul {
	    display: flex;
	    justify-content: center;
	}
	
	.five-box li {
	    margin: 100px 50px;
	    position: relative;
	    background: #fff;
	    cursor: pointer;
	}
	
	.five-box li a {
	    border: 2px solid #1a1a1a;
	    border-radius: 15px;
	    width: 150px;
	    transition: transform 0.3s ease;
	    overflow: hidden;
	    position: relative;
	    display: flex;
	    align-items: center;
	    justify-content: center;
	    height: 150px;
	    z-index: 1;
	    transform-origin: center center;
	}
	
	.five-box li .ico img {
	    height: 100px;
	    width: 100px;
	    display: block;
	    margin: 0 auto;
	    transition: transform 0.3s ease;
	    transform-origin: center center;
	}
	
	.five-box li p {
	    color: #000;
	    font-size: 18px;
	    font-family: "mi1";
	    text-align: center;
	    position: absolute;
	    width: 184px;
	    bottom: -10px;
	    left: 50%;
	    transform: translate(-50%, 0) scale(0);
	    transition: transform 0.3s ease;
	    transform-origin: center center;
	    z-index: 30;
	    line-height: 26px;
	}
	
	.five-box li:hover a .ico img {
	    transform: scale(0.8);
	}
	
	.five-box li:hover p {
	    transform: translate(-50%, 0) scale(1);
	}
	
	.five-box li:hover a {
	    align-items: inherit;
	}
	
	.five-box li a {
	    text-align: center;
	    /* 关键：用transform放大，避免布局重排 */
	    transition: transform 0.3s ease;
	    transform-origin: center center;
	    position: relative;
	    z-index: 1;
	    cursor: pointer;
	    background: #fff;
	}
	
	.five-box li:hover a {
	    transform: scale(1.5);
	    z-index: 10;
	    box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
	}
	
	.li-container {
	    width: 100%;
	    /* 关键2：允许li放大超出容器，避免横向滚动 */
	    overflow: visible;
	    /* 关键3：相对定位，作为li绝对/相对定位的参考 */
	    position: relative;
	    /* 预留足够空间，避免li放大挤压周边 */
	    padding: 20px 0;
	}
	
	/* 修复：弹窗添加z-index确保最上层，添加滚动解决内容溢出 */
	.pup-win {
	    position: fixed;
	    width: 100%;
	    height: 100%;
	    background: #fff;
	    top: 0;
	    left: 0;
	    opacity: 0;
    transform: translateY(10px); /* 轻微下移，避免与页面重叠 */
    pointer-events: none; /* 隐藏时不响应点击 */
    transition: opacity 0.3s ease-out, transform 0.3s ease-out !important;
	    z-index: 9999;
	}
		
	.pup-win .box1,
	.pup-win .box2 {
	    display: flex;
	    justify-content: space-between;
	}
	
	.pup-win .box1 {
	    align-items: center;
	    padding: 20px 8%;
	    position: relative;
	}
	
	.pup-win .box1::after {
	    content: "";
	    display: block;
	    position: absolute;
	    left: 0;
	    bottom: 0;
	    width: 100%;
	    height: 1px;
	    background: #000;
	}
	
	.pup-win .tit {
	    color: #000;
	    font-size: 45px;
	    font-family: "mi2";
	    line-height: 62px;
	}
	
	.pup-win .donghua img {
	    height: 160px;
	    width: 160px;
	}
	
	.pup-win .box2 .left h3 {
	    font-family: "mi4";
	    color: #000;
	    font-size: 36px;
	    padding-bottom: 30px;
	}
	
	.pup-win .box2 {
	    padding: 40px 0 30px 8%;
	}
	
	.pup-win .right {
	    width: 67%;
	}
	
	.pup-win .left {
	    width: 26%;
	}
	
	.pup-win .right .text1 p {
	    font-family: "mi1";
	    color: #000;
	    font-size: 16px;
	}
	
	.pup-win .right .text2 {
	    display: flex;
	    justify-content: space-between;
	    border-top: solid 1px #000;
	    padding-top: 40px;
	    margin-top: 40px;
	}
	.pup-win .right .text2 .one{width: 49%;}
	
	.pup-win .right .text2 h4 {
	    font-family: "mi6";
	    color: #000;
	    font-size: 24px;
	    margin-bottom: 15px;
	}
	
	.pup-win .right .text2 p {
	    font-family: "mi1";
	    color: #000;
	    font-size: 16px;
	}
	.pup-win .close {
	    position: absolute;
	    right: 0;
	    top: 0;
	    z-index: 10;
	}
	
	.pup-win .close img {
	    width: 70px;
	    height: 70px;
	    cursor: pointer;
	}
	
	.pup-win.in {
	    z-index: 10000;
	opacity: 1;
    transform: translateY(0); /* 恢复原位 */
    pointer-events: auto; /* 恢复点击响应 */
	}
	
	.title1 h4 {
	    position: relative;
	    display: inline-block;
	    z-index: 2;
	    font-weight: bold;
	}
	
	.title1 .yuan1 {
	    position: absolute;
	    width: 150px;
	    height: 150px;
	    border-radius: 50%;
	    background: #ffda00;
	    z-index: -1;
	    opacity: 0;
	    top: 200px;
	}
	
	.title2 {
	    color: #000;
	    font-size: 70px;
	    font-family: "mi2";
	    line-height: 86px;
	    font-weight: bold;
	}
	
	.title2 h4 {
	    position: relative;
	    display: inline-block;
	    z-index: 2;
	     font-weight: bold;
	}
	
	.title2 .yuan2 {
	    position: absolute;
	    width: 150px;
	    height: 150px;
	    border-radius: 50%;
	    background: #ff4141;
	    z-index: -1;
	    opacity: 0;
	    top: 300px;
	}
	
	/* 瀑布流容器核心样式 */
	.mySwiper,.caseSwiper {
	    width: 100%;
	    height: auto;
	    position: relative;
	    /* 为导航按钮定位 */
	}
	.caseSwiper{padding-top: 40px;}
	/* 瀑布流每一页的样式（滑动的主体） */
	.mySwiper .swiper-wrapper,.caseSwiper .swiper-wrapper {
	    height: auto;
	}
	.mySwiper .swiper-wrapper{display: inline;}
	.caseSwiper .swiper-wrapper{display: inline;height: auto !important}
	/* 每一页的瀑布流列布局 */
	.mySwiper .swiper-slide,.caseSwiper .swiper-slide {
	    width: 100% !important;
	    /* 每一页占满容器 */
	    height: auto !important;
	    display: flex;
	    gap: 40px;
	    /* 列之间的间距 */
	}
	.mySwiper .swiper-slide:last-child .waterfall-card{width: calc(50% - 20px);}
	.caseSwiper .swiper-slide{gap: 13px;}
	.caseSwiper .swiper-slide:last-child .waterfall-card{width: calc(50% - 6.5px);}
	/* 瀑布流列容器 */
	.waterfall-column {
	    flex: 1;
	    /* 列均分宽度 */
	    display: flex;
	    flex-direction: column;
	    gap: 30px 40px;
	    margin-bottom: 30px;
	}
	
	/* 瀑布流卡片样式 */
	.waterfall-card {
	    background: white;
	    cursor: pointer;
	}
	
	.waterfall-card img {
	    width: 100%;
	    object-fit: cover;
	}
	
	.waterfall-card h3 {
	    color: #000;
	    font-size: 24px;
	    font-family: "mi6";
	    padding-top: 16px;
	}
	
	.waterfall-card p {
	    color: #000;
	    font-size: 18px;
	    font-family: "mi1";
	}
	
	/* Swiper 分页器样式 */
	.swiper-pagination1 {
	    color: #999;
	    font-size: 30px;
	    font-family: "sz1";
	}
	
	.swiper-pagination1 span.swiper-pagination-current {
	    color: #000;
	}
	
	.case .swiper-pagination {
	    right: 0;
	    bottom: auto;
	    top: -8px;
	    position: absolute;
	}
	
	.case .swiper-pagination em {
	    display: inline-block;
	    padding: 0 3px;
	    position: relative;
		font-size: 24px;
		color: #999;
	}
	
	.case .zongshu {
	    color: #999;
	    font-size: 24px;
	    font-family: "sz1";
	    position: relative;
	    display: inline-block;
	}
	
	.case .cur {
	    color: #000;
	    font-family: "sz1";
		font-size: 24px;
	}
	
	.case {
	    width: 68%;
	    padding-right: 20px;
	    overflow-y: auto;
	    height: calc(100vh - 100px);
	    background: #fff;
	    position: relative;
	    z-index: 3
	}
	
	.section3 .title2 {
	    padding-top: 30px;
	}
	
	.section2,
	.section1 {
	    display: flex;
	    align-items: center;
	}
	
	.waterfall-card .img {
	    position: relative;
	    overflow: hidden;
	}
	
	.waterfall-card .img .img1 {
	    transition: transform 0.3s ease;
	}
	
	.waterfall-card:hover .img .img1 {
	    transform: scale(1.1);
	}
	
	.waterfall-card .img .i-logo {
	    position: absolute;
	    width: 100%;
	    height: 100%;
	    background: rgba(0, 0, 0, 0.5);
	    top: 0;
	    left: 0;
	}
	
	.waterfall-card .img .i-logo img {
	    position: absolute;
	    top: 50%;
	    left: 50%;
	    transform: translate(-50%, -50%);
	    display: block;
	    width: 200px;
	}
	
	.section3 .wrap {
	    display: flex;
	    justify-content: space-between;
	}
	
	/* 局部滚动区域（禁用整屏滑动） */
	.local-scroll-area {
	    height: 80vh;
	    /* 固定高度是局部滚动前提 */
	    background-color: rgba(255, 255, 255, 0.2);
	    overflow-y: auto;
	    /* 开启垂直滚动 */
	    overflow-x: hidden;
	    /* 隐藏横向滚动 */
	    -webkit-overflow-scrolling: touch;
	    /* 移动端弹性滚动 */
	    /* 局部滚动区域也添加过渡（可选） */
	    transition: background-color 0.3s ease;
	}
	
	/* 自定义滚动条（PC端优化） */
	.local-scroll-area::-webkit-scrollbar {
	    width: 2px;
	}
	
	.local-scroll-area::-webkit-scrollbar-track {
	    background: rgba(0, 0, 0, 0.1);
	    border-radius: 4px;
	}
	
	.local-scroll-area::-webkit-scrollbar-thumb {
	    background: #ff4848;
	    border-radius: 4px;
	    border-top: 2vh solid transparent; 
	    border-bottom: 2vh solid transparent;
        background-clip: content-box;
	}
	
	.local-scroll-area::-webkit-scrollbar-thumb:hover {
	    background: rgba(255, 255, 255, 0.8);
	}
	
	/* 自定义滚动条（PC端优化） */
	.pup-win.in .box2 .right::-webkit-scrollbar {
	    width: 2px;
	}
	
	.pup-win.in .box2 .right::-webkit-scrollbar-track {
	    background: rgba(0, 0, 0, 0.1);
	    border-radius: 4px;
	}
	
	.pup-win.in .box2 .right::-webkit-scrollbar-thumb {
	    background: #ff4848;
	    border-radius: 4px;
	}
	
	.pup-win.in .box2 .right::-webkit-scrollbar-thumb:hover {
	    background: rgba(255, 255, 255, 0.8);
	}
	.pup-case {
	position: fixed;
    width: 100%;
    height: 100vh;
    top: 0;
    left: 0;
    z-index: -1;
    background: #f2f2f2;
    /* 替换原有 transform: scale(0)，使用透明+轻微偏移隐藏 */
    opacity: 0;
    transform: translateY(10px); /* 轻微下移，避免与页面重叠 */
    pointer-events: none; /* 隐藏时不响应点击 */
    transition: opacity 0.3s ease-out, transform 0.3s ease-out !important;
    transform-origin: center center;
	}
	
	.pup-case.in {
	opacity: 1;
    transform: translateY(0); /* 恢复原位 */
    pointer-events: auto; /* 恢复点击响应 */
   z-index: 1001;
	}
	.pup-case .ys-imgbox-cover {
    width: 100%;
    height: 100%;
    background: #f2f2f2; /* 与弹窗背景一致，避免内部元素未加载时的空白 */
}

/* 3. 优化轮播图渲染，消除 border-radius 切换的断层（移动端重点） */
.pup-case .pic::after, .case-Swiper .swiper-slide .pic img {
    backface-visibility: hidden; /* 开启背面隐藏，优化渲染 */
    transform: translateZ(0); /* 开启硬件加速，减少闪烁 */
}
	.pup-case .tit-box {
	    display: flex;
	    justify-content: space-between;
	    padding: 15px 100px 15px 70px;
	    align-items: center;
	}
	
	.pup-case .tit-box .logo-tb{
	    height: 60px;
	    display: flex;
	    align-items: center;
	}
	.pup-case .tit-box .logo-tb img{
	    height: 30px;
	}
	.pup-case .tit-box .name {
	    color: #cbcbcb;
	    font-size: 26px;
	    font-family: "sz1";
	}
	
	.pup-case .pic {
	    position: relative;
	     border-radius: 70px 70px 0 0;
	     overflow: hidden;
	}
	
	.pup-case .pic::after {
	    content: "";
	    display: block;
	    position: absolute;
	    width: 100%;
	    height: 100%;
	    background: rgba(0, 0, 0, 0.3);
	    border-radius: 70px 70px 0 0;
	    top: 0;
	    left: 0;
	}
	
	.pup-case .case-Swiper .ys-imgbox-cover img {
	   
	}
	
	.pup-case h3 {
	    color: #fff;
	    font-size: 34px;
	    font-family: "mi2";
	    margin-bottom: 30px;
	    line-height: 52px;
	    width:100%;
	}
	
	.pup-case .ys-imgbox-cover {
	    position: relative;
	    height: calc(100vh - 90px);
	}
	
	.pup-case .ys-imgbox-cover .pic {
	    height: 100%;
	}
	.pup-case .ys-imgbox-cover .pic img{width: 100%;height: 100%;object-fit: cover;}
	.pup-case h4 {
	    color: #fff;
	    font-size: 26px;
	    font-family: "mi4";
	    padding-top: 20px;
	}
	
	.pup-case p {
	    color: #fff;
	    font-size: 17px;
	    font-family: "mi5";
	}
	
	.pup-case .read {
	    width: 740px;
	    /*height: 48vh;
	    overflow-y: auto;
	    padding-right: 10px;*/
	}
	
	/* 修复：Swiper按钮背景图路径 */
	.pup-case .swiper-button-next,
	.pup-case .swiper-button-prev {
	    content: '';
	    background-image: url(../images/jiantou1.png);
	    position: absolute;
	    width: 42px;
	    height: 42px;
	    border-radius: 50%;
	    background-size: auto 20px;
	    background-position: center;
	    background-repeat: no-repeat;
	    border: solid 1px #fff;
	    z-index: 10;
	    top: auto;
	    bottom: 10px;
	}
	.pup-case .swiper-button-next {
	    background-image: url(../images/jiantou2.png);
	    background-size: auto 20px;
	    background-position: center;
	    background-repeat: no-repeat;
	    right: 70px;
	}
	
	.pup-case .swiper-button-prev {
	    left: auto;
	    right: 220px;
	}
	
	.mySwiper01 {
	    position: absolute;
	    right: 0;
	    z-index: 100;
	    width: 380px;
	    float: right;
	    margin-right: 70px;
	    bottom: 100px;
	}
	
	.case-Swiper {
	    height: 100%;
	    width: 100%;
	}
	
	.mySwiper01 {
	    box-sizing: border-box;
	    padding-right: 12px;
	}
	
	.mySwiper01 .swiper-slide {
	    width: 33.33%;
	    height: 100%;
	}
	
	.mySwiper01 .swiper-slide img {
	    height: 150px;
	    border-radius: 50px 0 50px 0;
	    box-shadow: 0 0 15px rgba(0, 0, 0, 0.5);
	}
	
	.mySwiper01 .swiper-slide-thumb-active {
	    opacity: 1;
	}
	
	.swiper-pagination2 {
	    color: #fff;
	    font-size: 20px;
	    font-family: "sz1";
	}
	
	.swiper-pagination2 span.swiper-pagination-current {
	    color: #fff;
	}
	
	.pup-case .swiper-pagination {
	    right: 113px;
	    bottom: 38px;
	    position: absolute;
	    width: 106px;
	    text-align: center;
	}
	
	.pup-case .swiper-pagination em {
	    display: inline-block;
	    padding: 0 3px;
	    position: relative;
	}
	
	.pup-case .zongshu {
	    color: #fff;
	    font-size: 20px;
	    font-family: "sz1";
	    position: relative;
	    display: inline-block;
	}
	.pup-case .zongshu,.pup-case .swiper-pagination em{display: none;}
	
	.pup-case .cur {
	    color: #fff;
	    font-family: "sz1";
	    font-size: 20px;
	}
	
	.case-Swiper .swiper-slide .pic img {
	    width: 100%;
	    height: 100%;
	    object-fit: cover;
	    /* 初始缩放（偏小） */
	    /* 过渡动画：控制缩放的速度和缓动效果 */
	}
	
	.case-Swiper .swiper-slide .pic::after {
	    /* 初始缩放（偏小） */
	    /* 过渡动画：控制缩放的速度和缓动效果 */
	}
	
	/* 激活的slide图片放大 */
	.case-Swiper .swiper-slide-active .pic img {
	    transform: scale(1);
	    opacity: 1;
	}
	
	.case-Swiper .swiper-slide-active .pic::after {
	    transform: scale(1);
	}
	/*.case-Swiper .swiper-slide{animation: coolLeave 0.6s ease forwards;}
	.case-Swiper .swiper-slide-active{animation: coolEnter 0.6s ease forwards;}
	@keyframes coolEnter {
      0% { opacity: 0; transform: scale(0.8); }
      100% { opacity: 1; transform: scale(1); }
    }
    @keyframes coolLeave {
      0% { opacity: 1; transform: scale(1); }
      100% { opacity: 0; transform: scale(1.2); }
    }*/
   .case-Swiper .swiper-wrapper {
      /* 禁用硬件加速可能导致的卡顿，保证匀速滑动 */
      transform: translate3d(0, 0, 0);
      /* 关键：过渡方式设为线性，保证滑动速度均匀 */
      transition-timing-function: linear !important;
    }
	
	.mySwiper01 .swiper-slide {
	    opacity: 1;
	    cursor: pointer;
	    transition: opacity 0.3s;
	    transform-origin: 100% 100%;
	}
	
	.mySwiper01 .swiper-slide-thumb-active {
	    opacity: 1;
	    border: 2px solid #007bff;
	    border-radius: 50px 0 50px 0;
	    animation: grow 0.6s ease-in-out forwards;
	}
	
	.mySwiper01 img {
	    width: 100%;
	    height: 100%;
	    object-fit: cover;
	}
	
	@keyframes grow {
	    0% {
	        transform: scale(0.5);
	        /* 初始极小 */
	        opacity: 0;
	        /* 可选：配合透明度渐变 */
	        border: 2px solid #007bff;
	    }
	
	    80% {
	        transform: scale(1.1);
	        /* 稍微超一点，更有弹性 */
	        border: none;
	    }
	
	    100% {
	        transform: scale(1);
	        /* 最终原尺寸 */
	        opacity: 1;
	        border: 2px solid #007bff;
	    }
	}
	
	.close2 {
	    position: absolute;
	    right: 0px;
	    top: 0px;
	    cursor: pointer;
	    z-index: 20;
	    /*transition: transform 0.3s ease;*/
	}
	
	.close2 img {
	    height: 70px;
	}
	
	/*.close2:hover {
	    transform: rotate(180deg);
	}*/
	
	.title2 p {
	    color: #000;
	    font-size: 16px;
	    font-family: "mi1";
	    line-height: 26px;
	    font-weight: normal;
	}
	
	.title2 span {
	    display: block;
	    padding-bottom: 20px;
	}
	
	.form li {
	    border-radius: 5px;
	    border: 1px solid #e5e5e4;
	    padding: 0 15px;
	    margin-bottom: 15px;
	    font-family: "mi1";
	}
	
	.form li input {
	    height: 40px;
	    border: none;
	    outline: none;
	    background: none;
	    width: 100%;
	    color: #666;
	    border-radius: 10px;
	    font-size: 16px;
	    font-family: "mi1";
	}
	
	.form li input::placeholder {
	    color: #999;
	}
	.form li textarea{
		height: 70px;
	    border: none;
	    outline: none;
	    background: none;
	    width: 100%;
	    color: #666;
	    border-radius: 10px;
	    font-size: 16px;
	    font-family: "mi1";
	    padding: 10px 0;
	}
	.form li textarea::placeholder {
	    color: #999;
	}
	.form li.li-1 {
	    background: none;
	    padding: 0;
	    position: relative;
	    padding: 0;
	    border: none;
	}
	
	.form li.li-1 input {
	    padding: 0 15px;
	    width: calc(100% - 175px);
	    border: 1px solid #e5e5e4;
	}
	
	.form li.li-2 {
	    padding: 0;
	    height: 40px;
	    line-height: 40px;
	}
	
	.form li.li-2 input {
	    color: #fff;
	    font-size: 18px;
	    width: 100%;
	    text-align: center;
	    font-family: "mi1";
	    height: 40px;
	    border-radius: 5px;
	    background: #000;
	    transition: all 0.3s ease;
	    border: none;
	    cursor: pointer;
	    border: none;
	}
	
	.form li.li-2 input:focus,
	.form li.li-2 input:hover {
	    background: #ff4141;
	}
	
	#imgCode {
	    position: absolute;
	    height: 42px;
	    width: auto;
	    top: 0;
	    right: 0;
	    border-radius: 10px;
	    cursor: pointer;
	}
	
	.contact .form {
	    width: 380px;
	    margin-top: 30px;
	}
	
	.map {
	    width: 60%;
	    position: relative;
	    margin-top: 50px;
	}
	
	.map img {
	    width: 100%;
	}
	
	.contact {
	    display: flex;
	    justify-content: space-between;
	}
	
	.contact .left {
	    width: 40%;
	}
	
	footer {
	    background: #000;
	    clear: both;
	    width: 100%;
	    padding: 12px 0;
	    position: relative;
	    z-index: 2;
	}
	
	footer .wrap {
	    display: flex;
	    justify-content: space-between;
	    align-items: center;
	}
	
	footer .left p {
	    color: #808080;
	    font-size: 16px;
	    font-family: "mi1";
	}
	
	footer .right ul {
	    display: flex;
	    justify-content: space-between;
	}
	
	footer .right li img {
	    height: 24px;
	}
	
	footer .right li {
	    margin-left: 15px;
	    position: relative;
	}
	
	footer .right li.douyin {
	    position: relative;
	}
	
	footer .right li.douyin .ewm {
	    position: absolute;
	    left: 50%;
	    transform: translate(-50%, 0) scale(0);
	    top: -162px;
	    width: 150px;
	    transition: transform 0.3s ease;
	    transform-origin: center center;
	}
	
	footer .right li.douyin .ewm img {
	    width: 150px;
	    height: 150px;
	}
	
	footer .right li.douyin:hover .ewm {
	    transform: translate(-50%, 0) scale(1);
	}
	
	.map a {
	    display: block;
	    position: absolute;
	}
	
	.map a .star1,
	.map a .star2 {
	    position: absolute;
	}
	.map a .star1{display: none;}
	
	/*.map a .star1 {
	    background: url("../images/star2.png") no-repeat center;
	    width: 160px;
	    height: 160px;
	    background-size: 160px auto;
	    transform-origin: center center;
	    /*animation: tiaodong 0.6s ease-in-out infinite;
	}
	/*@keyframes tiaodong{
	    0% {
	        transform: translateY(0);
	    }	
	    80% {
	        transform: translateY(-10px);
	    }	
	    100% {
	        transform: translateY(0);
	    }
	}
	*/
	.map a .star2 {
	    position: relative;
	    background: url("../images/star2.png") no-repeat center;
	    width: 160px;
	    height: 160px;
	    color: #fff;
	    background-size: 160px auto;
	    font-size: 12px;
	    font-family: "mi4";
	    text-align: center;
	    transform-origin: center center;
	    transform: scale(1);
	}
	
	.map a .star2 b {
	    display: block;
	    font-size: 16px;
	    font-weight: normal;
	}
	
	.section1 img {
	    height: 410px;
	}
	
	.section1 .wrap {
	    position: relative;
	}
	
	.section1 .donghua-box {
	    position: absolute;
	    width: 100%;
	    display: flex;
	    justify-content: space-between;
	    bottom: 0px;
	}
	
	.section1 .about {
	    position: relative;
	    z-index: 3;
	    padding-bottom: 8vh;
	}
	
	.section1 .title1 {
	    position: relative;
	    z-index: 3;
	}
	
	.section1 .donghua-box .img1 {
	    position: absolute;
	    left: -100px;
	    bottom: -180px;
	    height: 420px;
	}
	
	.section1 .donghua-box .img2 {
	    position: absolute;
	    right: -100px;
	    bottom: -150px;
	}
	
	.map a.faguo {
	    left: 42%;
	    top: 36%;
	}
	
	.map a.wuhan {
	    right: 20.5%;
	    top: 29.4%;
	}
	
	.map a.shanghai {
	    right:6%;
	    top: 27.7%;
	}
	
	/*.map a:hover .star1,
	.map a.active .star1 {
	    transform: scale(0);
	}*/
	
	/*.map a:hover .star2,
	.map a.active .star2 {
	    transform: scale(1);
	    z-index: 3;
	}*/
	
	.map a .star2 {
	    left: -40px;
	    top: -45px;
	    clip-path: polygon(
	        50% 0%,
	        70% 40%,
	        100% 50%,
	        70% 62%,
	        50% 100%,
	        31% 62%,
	        0% 50%,
	        30% 40%
	    );
	    /* 防止图片变形 */
	    object-fit: cover;
	    cursor: pointer;
	}
	
	.map a .star2 span {
	    display: block;
	    position: absolute;
	    transform: translate(0, -50%);
	    top: 50%;
	    width: 100%;
	}
	/*.map a .star2:hover span{display: block;}*/
	.map a {
	    height: 0;
	}
	
	.item-box,
	.item-box ul {
	    display: flex;
	    justify-content: space-between;
	    align-items: baseline;
	}
	
	.item-box .tt-name {
	    color: #fff;
	    font-size: 20px;
	    font-family: "mi4";
	}
	
	.item-box .tt-name h3 {
	    font-size:40px;
	    display: inline-block;
	    padding-right: 20px;
	    color: #000;
	}
	
	.item-box li {
	    font-family: "mi1";
	    color: #000;
	    font-size: 16px;	    
	    margin-left: 30px;
	    min-height: 30px;
	}
	.item-box li p{background: url("../images/cc1.png") no-repeat left center;
	    background-size: auto 24px;
	    padding-left: 36px;margin: 3px 0;}
	
	.item-box li.xtb2 p{
	    background: url("../images/cc2.png") no-repeat left center;
	    background-size: auto 18px;
	}
	
	.item-box li.xtb3 p{
	    background: url("../images/cc3.png") no-repeat left 1px;
	    background-size: auto 22px;
	    padding-left: 30px;
	}
	.item-box ul {
	    padding-bottom: 4px;
	}
	.screen-4-active .item-box ul {
	    transform: translateX(100%);
		opacity: 0;
		  /* 动画：从右往左滑入 */
		animation: slideRighthh 2s ease-out forwards;
	}
	@keyframes slideRighthh {
	  to {
	    transform: translateX(0);
	    opacity: 1;
	  }
	}
	.item-box {
	    display: none;
	    border-bottom: 1px solid #000;
	    padding: 20px 0;
	}
	
	.item-box.active {
	    display: flex;
	}
	
	.pup-case .text {
	    position: absolute;
	    top: 80px;
	    padding: 0px 70px;
	    width:80%;
	}
	
	.fp-watermark {
	    display: none;
	}
	
	/* ========== 核心优化1：动画流畅度提升 + 反向动画定义 ========== */
	/* 统一硬件加速，避免重排 */
	.screen-animate-element {
	    transform: translateZ(0);
	    will-change: opacity, transform;
	}
	
	/* 正向动画（保留原有，优化缓动曲线更流畅） */
	@keyframes bounce0 {
	    0% {
	        transform: scale(1.2);
	        opacity: 0;
	    }
	
	    80% {
	        transform: scale(0.8);
	        opacity: 1;
	    }
	
	    100% {
	        transform: scale(1);
	        opacity: 1;
	    }
	}
	
	@keyframes bounce {
	    0% {
	        transform: scale(1.2);
	        opacity: 0;
	    }
	
	    50% {
	        transform: scale(0.8);
	        opacity: 0.5;
	    }
	
	    100% {
	        transform: scale(1);
	        opacity: 1;
	    }
	}
	
	@keyframes bounce2 {
	    0% {
	        transform: scale(30);
	        opacity: 0;
	    }
	
	    50% {
	        transform: scale(0.2);
	        opacity: 1;
	    }
	
	    100% {
	        transform: scale(1);
	        opacity: 1;
	    }
	}
	
	@keyframes bounce3 {
	    0% {
	        transform: scale(0);
	        opacity: 0;
	    }
	
	    50% {
	        transform: scale(1.05);
	        opacity: 0.6;
	    }
	
	    100% {
	        transform: scale(1);
	        opacity: 1;
	    }
	}
	
	@keyframes bounce4 {
	    0% {
	        transform: scale(1);
	    }
	
	    50% {
	        transform: scale(0.9);
	    }
	
	    100% {
	        transform: scale(1);
	    }
	}
	
	@keyframes slideOutTopToBottom {
	    0% {
	        transform: translateY(100vh);
	        opacity: 0;
	    }
	
	    100% {
	        transform: translateY(0);
	        opacity: 1
	    }
	}
	
	@keyframes slideOutBottomToTop {
	    0% {
	        transform: translateY(100vh);
	        opacity: 0;
	    }
	
	    100% {
	        transform: translateY(0vh);
	        opacity: 1;
	    }
	}
	
	@keyframes slideOutLeftToRight {
	    0% {
	        transform: translateX(-100%);
	        opacity: 0;
	    }
	    100% {
	        transform: translateX(0);
	        opacity: 1;
	    }
	}
	
	@keyframes slideOutRightToLeft {
	    0% {
	        transform: translateX(100%);
	        opacity: 0;
	    }	
	    100% {
	        transform: translateX(0);
	        opacity: 1;
	    }
	}
	
	@keyframes fadeInSlide {
	    0% {
	        transform: translateX(100%);
	        opacity: 0;
	    }
	
	    80% {
	        transform: translateX(20px);
	        opacity: 1;
	    }
	
	    100% {
	        transform: translateX(0);
	        opacity: 1;
	    }
	}
	
	@keyframes shake {
	    0% {
	        transform: skewX(-25deg) scale(0);
	        opacity: 0;
	    }
	
	    25% {
	        transform: skewX(0) scale(1.05);
	        opacity: 0.6;
	    }
	
	    50% {
	        transform: skewX(25deg) scale(1.05);
	        opacity: 0.6;
	    }
	
	    100% {
	        transform: skewX(0deg) scale(1);
	        opacity: 1;
	    }
	}
	
	/* ========== 核心优化2：反向动画定义（实现原路返回视觉） ========== */
	@keyframes bounce0-reverse {
	    0% {
	        transform: scale(1);
	        opacity: 1;
	    }
	
	    20% {
	        transform: scale(0.8);
	        opacity: 1;
	    }
	
	    100% {
	        transform: scale(1.2);
	        opacity: 0;
	    }
	}
	
	@keyframes slideOutLeftToRight-reverse {
	    0% {
	        transform: translateX(0);
	        opacity: 1;
	    }
	
	    20% {
	        transform: translateX(20px);
	        opacity: 1;
	    }
	
	    100% {
	        transform: translateX(-100%);
	        opacity: 0;
	    }
	}
	
	@keyframes slideOutRightToLeft-reverse {
	    0% {
	        transform: translateX(0);
	        opacity: 1;
	    }
	
	    20% {
	        transform: translateX(-20px);
	        opacity: 1;
	    }
	
	    100% {
	        transform: translateX(100%);
	        opacity: 0;
	    }
	}
	
	@keyframes fadeInSlide-reverse {
	    0% {
	        transform: translateX(0);
	        opacity: 1;
	    }
	
	    20% {
	        transform: translateX(20px);
	        opacity: 1;
	    }
	
	    100% {
	        transform: translateX(100%);
	        opacity: 0;
	    }
	}
	
	@keyframes bounce2-reverse {
	    0% {
	        transform: scale(1);
	        opacity: 1;
	    }
	
	    50% {
	        transform: scale(0.2);
	        opacity: 1;
	    }
	
	    100% {
	        transform: scale(30);
	        opacity: 0;
	    }
	}
	
	@keyframes bounce3-reverse {
	    0% {
	        transform: scale(1);
	        opacity: 1;
	    }
	
	    50% {
	        transform: scale(1.05);
	        opacity: 0.6;
	    }
	
	    100% {
	        transform: scale(0);
	        opacity: 0;
	    }
	}
	
	@keyframes slideOutBottomToTop-reverse {
	    0% {
	        transform: translateY(0);
	        opacity: 1;
	    }
	
	    100% {
	        transform: translateY(100vh);
	        opacity: 0;
	    }
	}
	
	/* ========== 核心优化3：屏幕激活类 + 反向动画类（控制动画播放/反向播放） ========== */
	/* 正向动画类（默认） */
	/*.screen-0-active .fade-in .title1,
	.screen-1-active .title1,
	.screen-1-active .section1 .about {
	    animation: bounce0 4.5s ease-in-out forwards;
	    opacity: 0;
	    transform: scale(0);
	}*/
	/*.screen-0-active .screen1-content.fade-in .list2 img:nth-child(1),
	.screen-1-active .donghua-box img:nth-child(1) {
	    animation: slideOutLeftToRight 4s ease-in-out forwards;
	    opacity: 0;
	    transform: translateX(-100%);
	}
	.screen-0-active .screen1-content.fade-in .list2 img:nth-child(2),
	.screen-1-active .donghua-box img:nth-child(2) {
	    animation: slideOutRightToLeft 4s ease-in-out forwards;
	    opacity: 0;
	    transform: translateX(100%);
	}
	*/
	.screen-0-active .fade-in .list2 img:nth-child(1),
	.screen-1-active .donghua-box img:nth-child(1) {
	    animation: slideOutLeftToRight 2s ease-in-out forwards;
	    opacity: 0;
	    transform: translateX(-100%);
	}
	
	.screen-0-active .fade-in .list2 img:nth-child(2),
	.screen-1-active .donghua-box img:nth-child(2) {
	    animation: slideOutRightToLeft 2s ease-in-out forwards;
	    opacity: 0;
	    transform: translateX(100%);
	}
	/*.screen-2-active .title1 span {
	    animation: bounce0 4.5s ease-in-out forwards;
	    opacity: 0;
	    transform: scale(0);
	    animation-delay: 1s;
	    display: block;
	}
	
	.screen-3-active .title2 span {
	    animation: bounce0 4.5s ease-in-out forwards;
	    opacity: 0;
	    transform: scale(0);
	    display: block;
	}
	
	.screen-4-active .title2 span {
	    animation: slideOutLeftToRight 4.5s ease-in-out forwards;
	    opacity: 0;
	    transform: translateX(-100%);
	    animation-delay: 0s;
	    display: block;
	}*/
	
	.screen-2-active .five-box li {
	    /*animation: fadeInSlide 4.5s ease-in-out forwards;
	    opacity: 0;
	    transform: translateX(100%);
	    animation-delay: 2s;*/
	}
	
	.screen-3-active .case {
	    /*animation: fadeInSlide 4.5s ease-in-out forwards;
	    opacity: 0;
	    transform: translateX(100%);
	    animation-delay: 0.4s;*/
	}
	
	.screen-2-active .five-box li.li1 { animation-delay: 1s; }
	.screen-2-active .five-box li.li2 { animation-delay: 1.2s; }
	.screen-2-active .five-box li.li3 { animation-delay: 1.4s; }
	.screen-2-active .five-box li.li4 { animation-delay: 1.6s; }
	.screen-2-active .five-box li.li5 { animation-delay: 1.8s; }
	
	.screen-2-active .yuan1{
	    /*animation: bounce2 4.5s ease-in-out forwards;
	    opacity: 0;
	    transform: scale(0);
	    transform-origin: center center;
	    animation-delay: 0s;*/
	   animation: rollFromBottomLeft 2s ease-out forwards;
	   top: 200px;
        }
        
	.screen-3-active .yuan2 {
	    /*animation: bounce2 4.5s ease-in-out forwards;
	    opacity: 0;
	    transform: scale(0);
	    transform-origin: center center;
	    animation-delay: 0s;*/
	animation: rollFromBottomLeft2 2s ease-out forwards;
	top: 300px;
        }
        @keyframes rollFromBottomLeft {
            0% {
            	opacity: 0;
                /* 起始状态：左下角外，无旋转 */
                left: -700px;
                top: 200px;
                transform: rotate(0deg);
            }
            100% {
                /* 结束状态：左下角可视区域内，旋转360度（滚一圈） */
                left: -42px; /* 最终距离左侧的距离，可调整 */
                top:-25px;
                transform: rotate(360deg);
                opacity: 1;
            }
        }

        /* 定义从左下角滚动的动画 */
        @keyframes rollFromBottomLeft2 {
            0% {
            	opacity: 0;
                /* 起始状态：左下角外，无旋转 */
                left: -700px;
                top: 300px;
                transform: rotate(0deg);
            }
            100% {
                /* 结束状态：左下角可视区域内，旋转360度（滚一圈） */
                left: 190px; /* 最终距离左侧的距离，可调整 */
                top:-30px;
                transform: rotate(360deg);
                opacity: 1;
            }
        }
	.screen-4-active .map {
	    /*animation: bounce3 4.5s ease-in-out forwards;
	    opacity: 0;
	    transform: scale(0);
	    transform-origin: center center;
	    animation-delay: 0.2s;*/
	}
	
	.screen-4-active .way,
	.screen-4-active footer {
	    /*animation: slideOutBottomToTop 4.5s ease-in-out forwards;
	    transform: translateY(100vh);
	    opacity: 0;
	    animation-delay: 0.2s;*/
	}
	
	.screen-4-active .contact .form,
	.screen-4-active .contact .miaosu {
	    /*animation: slideOutLeftToRight 4.5s ease-in-out forwards;
	    opacity: 0;
	    transform: translateX(-100%);*/
	}
	
	.screen-4-active .contact .form { animation-delay: 0s; }
	.screen-4-active .contact .miaosu { animation-delay: 0.2s; }
	
	/* 反向动画类（屏幕回退时添加） */
	.screen-0-active-reverse .fade-in .title1,
	.screen-1-active-reverse .title1,
	.screen-1-active-reverse .section1 .about {
	    animation: bounce0-reverse 4.5s ease-in-out forwards;
	    opacity: 1;
	    transform: scale(1);
	}
	
	.screen-0-active-reverse .fade-in .list2 img:nth-child(1),
	.screen-1-active-reverse .donghua-box img:nth-child(1) {
	    animation: slideOutLeftToRight-reverse 6s ease-in-out forwards;
	    opacity: 1;
	    transform: translateX(0);
	}
	
	.screen-0-active-reverse .fade-in .list2 img:nth-child(2),
	.screen-1-active-reverse .donghua-box img:nth-child(2) {
	    animation: slideOutRightToLeft-reverse 6s ease-in-out forwards;
	    opacity: 1;
	    transform: translateX(0);
	}
	
	/*.screen-2-active-reverse .title1 span {
	    animation: bounce0-reverse 4.5s ease-in-out forwards;
	    opacity: 1;
	    transform: scale(1);
	    animation-delay: 1s;
	    display: block;
	}
	
	.screen-3-active-reverse .title2 span {
	    animation: bounce0-reverse 4.5s ease-in-out forwards;
	    opacity: 1;
	    transform: scale(1);
	    display: block;
	}
	
	.screen-4-active-reverse .title2 span {
	    animation: slideOutLeftToRight-reverse 4.5s ease-in-out forwards;
	    opacity: 1;
	    transform: translateX(0);
	    animation-delay: 0s;
	    display: block;
	}
	
	.screen-2-active-reverse .five-box li {
	    animation: fadeInSlide-reverse 4.5s ease-in-out forwards;
	    opacity: 1;
	    transform: translateX(0);
	    animation-delay: 2s;
	}
	
	.screen-3-active-reverse .case {
	    animation: fadeInSlide-reverse 4.5s ease-in-out forwards;
	    opacity: 1;
	    transform: translateX(0);
	    animation-delay: 0.4s;
	}
	
	.screen-2-active-reverse .five-box li.li1 { animation-delay: 1s; }
	.screen-2-active-reverse .five-box li.li2 { animation-delay: 1.2s; }
	.screen-2-active-reverse .five-box li.li3 { animation-delay: 1.4s; }
	.screen-2-active-reverse .five-box li.li4 { animation-delay: 1.6s; }
	.screen-2-active-reverse .five-box li.li5 { animation-delay: 1.8s; }
	*/
	.screen-2-active-reverse .yuan1 {
	    animation: bounce2-reverse 4.5s ease-in-out forwards;
	    opacity: 1;
	    transform: scale(1);
	    transform-origin: center center;
	    animation-delay: 0s;
	}
	
	.screen-3-active-reverse .yuan2 {
	    animation: bounce2-reverse 4.5s ease-in-out forwards;
	    opacity: 1;
	    transform: scale(1);
	    transform-origin: center center;
	    animation-delay: 0s;
	}
	
	.screen-4-active-reverse .map {
	    animation: bounce3-reverse 4.5s ease-in-out forwards;
	    opacity: 1;
	    transform: scale(1);
	    transform-origin: center center;
	    animation-delay: 0.2s;
	}
	
	.screen-4-active-reverse .way,
	.screen-4-active-reverse footer {
	    animation: slideOutBottomToTop-reverse 4.5s ease-in-out forwards;
	    transform: translateY(0);
	    opacity: 1;
	    animation-delay: 0.2s;
	}
	
	.screen-4-active-reverse .contact .form,
	.screen-4-active-reverse .contact .miaosu {
	    animation: slideOutLeftToRight-reverse 4.5s ease-in-out forwards;
	    opacity: 1;
	    transform: translateX(0);
	}
	
	.screen-4-active-reverse .contact .form { animation-delay: 0s; }
	.screen-4-active-reverse .contact .miaosu { animation-delay: 0.2s; }
	
	/* ========== 核心优化4：弹窗动画优化 + 整屏滚动过渡优化 ========== */
	.pup-win.in .tit {
	    /*animation: bounce 4.5s ease-in-out forwards;
	    opacity: 0;
	    transform: scale(0);
	    transform-origin: center center;
	    animation-delay: 0s;*/
	}
	
	.pup-win.in .donghua {
	    /*animation: shake 4.5s ease-in-out forwards;
	    transform-origin: center center;*/
	}
	
	.pup-win.in .box2 .left {
	    /*animation: slideOutLeftToRight 4.5s ease-in-out forwards;
	    opacity: 0;
	    transform: translateX(-100%);
	    animation-delay: 0s;*/
	}
	
	.pup-win.in .box2 .right {
	    
	    overflow-y: auto;
	    height: calc(100vh - 380px);
	    padding-right: 10px;
	    margin-right: 2%;
	}
	
	/*.pup-win.in .box1::after {
	    animation: slideOutLeftToRight 4.5s ease-in-out forwards;
	    opacity: 0;
	    transform: translateX(-100%);
	    animation-delay: 0s;
	}
	*/
	
	
	/* 整屏容器过渡优化（流畅滑动） */
	#fullpage {
	    transition: transform 0.8s cubic-bezier(0.22, 1, 0.36, 1);
	    transform: translateY(0);
	    will-change: transform;
	    transform: translateZ(0);
	}
	
	.section2,
	.section3 {
	    overflow: hidden;
	    position: relative;
	    width: 100vw;
	    height: calc(100vh - 100px);
	}
	
	.quan1,
	.quan2,
	.quan3,
	.quan4 {
	    position: absolute;
	    z-index: 1;
	}
	
	.quan1 {
	    border: 1px solid green;
	    right: 0;
	    top: -50%;
	}
	
	.quan2 {
	    border: 1px solid red;
	    left: 0;
	    top: -80%;
	}
	
	.quan3 {
	    border: 1px solid blue;
	    left: 0;
	    bottom: 0;
	}
	
	.quan4 {
	    border: 1px solid yellow;
	    right: 0;
	    top: -80%;
	}
	
	.section2 .wrap,
	.section3 .wrap {
	    position: relative;
	    z-index: 2;
	}
	
	.screen-2-active .quan1 { animation: bian1 2.2s ease-in-out forwards; }
	.screen-2-active .quan2 { animation: bian2 2.215s ease-in-out forwards; }
	.screen-2-active .quan3 { animation: bian3 2.22s ease-in-out forwards; }
	.screen-2-active .quan4 { animation: bian4 2.23s ease-in-out forwards; }
	
	.screen-3-active .quan1 { animation: bian01 2.2s ease-in-out forwards; }
	.screen-3-active .quan2 { animation: bian02 2.21s ease-in-out forwards; }
	.screen-3-active .quan3 { animation: bian03 2.22s ease-in-out forwards; }
	.screen-3-active .quan4 { animation: bian04 2.23s ease-in-out forwards; }
	
	/* 圆形反向动画（原路返回） */
	.screen-2-active-reverse .quan1 { animation: bian1-reverse 3s ease-in-out forwards; }
	.screen-2-active-reverse .quan2 { animation: bian2-reverse 3s ease-in-out forwards; }
	.screen-2-active-reverse .quan3 { animation: bian3-reverse 3s ease-in-out forwards; }
	.screen-2-active-reverse .quan4 { animation: bian4-reverse 3s ease-in-out forwards; }
	
	.screen-3-active-reverse .quan1 { animation: bian01-reverse 3s ease-in-out forwards; }
	.screen-3-active-reverse .quan2 { animation: bian02-reverse 3s ease-in-out forwards; }
	.screen-3-active-reverse .quan3 { animation: bian03-reverse 3s ease-in-out forwards; }
	.screen-3-active-reverse .quan4 { animation: bian04-reverse 3s ease-in-out forwards; }
	
	@keyframes bian1 {
	    0% {
	        top: -50%;
	        right: 0;
	        width: 100px;
	        height: 100px;
	        border-radius: 100%;
	    }
	
	    100% {
	        top: -50%;
	        right: -49.7%;
	        width: 110vw;
	        height: 150vh;
	        border-radius: 100%;
	    }
	}
	
	@keyframes bian2 {
	    0% {
	        top: -50%;
	        left: 0;
	        width: 100px;
	        height: 100px;
	        border-radius: 100%;
	    }
	
	    100% {
	        top: -165%;
	        left: -17%;
	        width: 120vw;
	        height: 170vh;
	        border-radius: 100%;
	    }
	}
	
	@keyframes bian3 {
	    0% {
	        bottom: -200%;
	        left: 0;
	        width: 100px;
	        height: 100px;
	        border-radius: 100%;
	    }
	
	    100% {
	        bottom: -115.6%;
	        left: -26%;
	        width: 110vw;
	        height: 170vh;
	        border-radius: 100%;
	    }
	}
	
	@keyframes bian4 {
	    0% {
	        top: -50%;
	        left: 0;
	        width: 100px;
	        height: 100px;
	        border-radius: 100%;
	    }
	
	    100% {
	        top: -50%;
	        left: -70.5%;
	        width: 110vw;
	        height: 150vh;
	        border-radius: 100%;
	    }
	}
	
	@keyframes bian01 {
	    0% {
	        top: -50%;
	        right: 0;
	        width: 100px;
	        height: 100px;
	        border-radius: 100%;
	    }
	
	    100% {
	        top: -60%;
	        right: -26%;
	        width: 100vw;
	        height: 150vh;
	        border-radius: 100%;
	    }
	}
	
	@keyframes bian02 {
	    0% {
	        top: -50%;
	        left: 0;
	        width: 100px;
	        height: 100px;
	        border-radius: 100%;
	    }
	
	    100% {
	        top: -155%;
	        left: -17%;
	        width: 90vw;
	        height: 150vh;
	        border-radius: 100%;
	    }
	}
	
	@keyframes bian03 {
	    0% {
	        bottom: -200%;
	        left: 0;
	        width: 100px;
	        height: 100px;
	        border-radius: 100%;
	    }
	
	    100% {
	        bottom: -104.6%;
	        left: -26%;
	        width: 110vw;
	        height: 170vh;
	        border-radius: 100%;
	    }
	}
	
	@keyframes bian04 {
	    0% {
	        top: -50%;
	        left: 0;
	        width: 100px;
	        height: 100px;
	        border-radius: 100%;
	    }
	
	    100% {
	        top: -70%;
	        left: -84%;
	        width: 110vw;
	        height: 150vh;
	        border-radius: 100%;
	    }
	}
	
	/* 圆形反向动画 */
	@keyframes bian1-reverse {
	    0% {
	        top: -50%;
	        right: -49.7%;
	        width: 110vw;
	        height: 150vh;
	        border-radius: 100%;
	    }
	
	    100% {
	        top: -50%;
	        right: 0;
	        width: 100px;
	        height: 100px;
	        border-radius: 100%;
	    }
	}
	
	@keyframes bian2-reverse {
	    0% {
	        top: -165%;
	        left: -17%;
	        width: 120vw;
	        height: 170vh;
	        border-radius: 100%;
	    }
	
	    100% {
	        top: -50%;
	        left: 0;
	        width: 100px;
	        height: 100px;
	        border-radius: 100%;
	    }
	}
	
	@keyframes bian3-reverse {
	    0% {
	        bottom: -115.6%;
	        left: -26%;
	        width: 110vw;
	        height: 170vh;
	        border-radius: 100%;
	    }
	
	    100% {
	        bottom: -200%;
	        left: 0;
	        width: 100px;
	        height: 100px;
	        border-radius: 100%;
	    }
	}
	
	@keyframes bian4-reverse {
	    0% {
	        top: -50%;
	        left: -70.5%;
	        width: 110vw;
	        height: 150vh;
	        border-radius: 100%;
	    }
	
	    100% {
	        top: -50%;
	        left: 0;
	        width: 100px;
	        height: 100px;
	        border-radius: 100%;
	    }
	}
	
	@keyframes bian01-reverse {
	    0% {
	        top: -60%;
	        right: -26%;
	        width: 100vw;
	        height: 150vh;
	        border-radius: 100%;
	    }
	
	    100% {
	        top: -50%;
	        right: 0;
	        width: 100px;
	        height: 100px;
	        border-radius: 100%;
	    }
	}
	
	@keyframes bian02-reverse {
	    0% {
	        top: -155%;
	        left: -17%;
	        width: 90vw;
	        height: 150vh;
	        border-radius: 100%;
	    }
	
	    100% {
	        top: -50%;
	        left: 0;
	        width: 100px;
	        height: 100px;
	        border-radius: 100%;
	    }
	}
	
	@keyframes bian03-reverse {
	    0% {
	        bottom: -104.6%;
	        left: -26%;
	        width: 110vw;
	        height: 170vh;
	        border-radius: 100%;
	    }
	
	    100% {
	        bottom: -200%;
	        left: 0;
	        width: 100px;
	        height: 100px;
	        border-radius: 100%;
	    }
	}
	
	@keyframes bian04-reverse {
	    0% {
	        top: -70%;
	        left: -84%;
	        width: 110vw;
	        height: 150vh;
	        border-radius: 100%;
	    }
	
	    100% {
	        top: -50%;
	        left: 0;
	        width: 100px;
	        height: 100px;
	        border-radius: 100%;
	    }
	}
	
	.section3 {
	    transform: none !important;
	    will-change: auto !important;
	}
	
	/* 强制激活Swiper触摸区域 */
	#swiper-container {
	    pointer-events: auto !important;
	    touch-action: pan-x !important;
	    -webkit-touch-callout: none !important;
	    -webkit-user-select: none !important;
	}
	
	/* Swiper禁用时隐藏交互元素 */
	#swiper-container[style*="pointer-events: none"] .swiper-pagination,
	#swiper-container[style*="pointer-events: none"] .swiper-button-next,
	#swiper-container[style*="pointer-events: none"] .swiper-button-prev {
	    display: none !important;
	}
	
	.body-no-scroll {
	    overflow: hidden !important;
	    height: 100% !important;
	    position: fixed !important;
	    width: 100% !important;
	}
	/* 向上滑入动画 */
	@keyframes slideUp {
	    from {
	        opacity: 0; /* 初始状态：完全透明 */
	        transform: translateY(30px); /* 初始位置：在原位置下方30px */
	    }
	    to {
	        opacity: 1; /* 结束状态：完全不透明 */
	        transform: translateY(0); /* 结束位置：回到原位置 */
	    }
	}
	
	/* 动画类，用于控制动画的播放 */
	/*.animate-slide-up {
	    animation: slideUp 0.8s ease-out forwards;
	    animation-fill-mode: both;
	}*/
	
	/* 确保文本初始状态是不可见的，以便动画能够正确触发和重置 */
	
	.pup-case .come{color: #fff;font-size:18px;font-family: "sz1";left: 70px;bottom: 50px;position: absolute;z-index: 20;}
    .pup-case .come2{display: none;}
	.caseSwiper{display: none;}
	html.no{overflow: hidden !important;}
	/* 移动端专属：元素入场淡入动画 */
@keyframes mobile-fade-in {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* 移动端专属：左侧滑入动画 */
@keyframes mobile-slide-left {
    from {
        opacity: 0;
        transform: translateX(-50px);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}

/* 移动端专属：右侧滑入动画 */
@keyframes mobile-slide-right {
    from {
        opacity: 0;
        transform: translateX(50px);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}

/* 移动端专属：底部滑入动画 */
@keyframes mobile-slide-up {
    from {
        opacity: 0;
        transform: translateY(50px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* 动画通用类：直接添加到元素上即可触发 */
.mobile-animate-fade {
    animation: mobile-fade-in 0.8s ease-out forwards;
    opacity: 0;
}

.mobile-animate-left {
    animation: mobile-slide-left 1s ease-out forwards;
    opacity: 0;
}

.mobile-animate-right {
    animation: mobile-slide-right 1s ease-out forwards;
    opacity: 0;
}

.mobile-animate-up {
    animation: mobile-slide-up 0.8s ease-out forwards;
    opacity: 0;
}
.pup-case .text .read{overflow-y: auto;height:45vh;padding-right: 10px;}
.pup-case .text .read::-webkit-scrollbar{
    width: 15px;
    border-radius: 20px;
}
.pup-case .text .read::-webkit-scrollbar-track {
    background: rgba(0, 0, 0, 0.1);
    border-radius: 20px;
}
.pup-case .text .read::-webkit-scrollbar-thumb {
    background: url("../images/scrol.gif") no-repeat center;    
    background-clip: content-box;
    min-height: 40px;
}

.pup-case .text2{top: 310px;}
.pup-case .text3{display: none;}
/* 移动端：section入场动画（滚动触发，需JS配合，先定义样式） */
.section-animate {
    opacity: 1;
    transform: translateY(0px);
    transition: opacity 0.2s ease-out, transform 0.2s ease-out;
}

.section-animate.active {
    opacity: 1;
    transform: translateY(0);
}
.section2,.section1{overflow: hidden;}
.contact .miaosu{position: relative;z-index: 2;}
.section4{opacity: 0;height: auto;scroll-margin-top: 100px;}
.section2 .title1 h4 span,.section2 .five-box,.section3 .title2 h4 span,.section3 .case{opacity: 0}
.screen-2-active .section2 .title1 h4 span,.screen-2-active .section2 .five-box,.screen-3-active .section3 .title2 h4 span,.screen-3-active .section3 .case{animation: opcityAppear 1s ease-in-out forwards}
.screen1-content.fade-in{animation: opcityAppear 7s ease-in-out forwards}
.screen-0-active .screen1-content.fade-in{animation: opcityAppear 2s ease-in-out forwards}
.screen-1-active .section1,.screen-4-active .section4{animation: opcityAppear 2s ease-in-out forwards}
.way-list{border-top: solid 1px #000;padding:40px 0 20px 0;margin-top: 25px;}
.way-list ul{display: flex;justify-content: space-between;}
.way-list li{width: 47%;}
.way-list li h3{background: #e5e5e5;color: #000;font-size:20px;padding-left: 32px;height: 40px;line-height: 40px;font-weight: bold;margin-bottom: 20px;}
.way-list li dt{font-weight: bold;color: #000;font-size: 16px;background: url("../images/cc3.png") no-repeat left 3px;padding-left: 32px;background-size: auto 20px;padding-bottom: 10px;}
.way-list li dt p{font-size: 14px;padding-top:6px;}
.way-list li dl{padding-bottom: 30px;}
.way-list li dd{display: flex;justify-content: space-between;padding:10px 0 0 0;border-top: 1px solid #ccc;margin-left: 32px;}
.way-list li dd span{display: inline-block;color: #000;font-size: 14px;padding-left: 30px;font-weight: bold;}
.way-list li dd span.w1{background: url("../images/cc1.png") no-repeat left center;background-size: auto 18px;}
.way-list li dd span.w2{background: url("../images/cc2.png") no-repeat left center;background-size: auto 16px;padding-left: 35px;}
.screen-4-active{overflow-y: auto;}
@keyframes opcityAppear {
    from {
        opacity: 0;
    }
    to {
        opacity: 1
    }
}

	/* 移动端样式重置 */
	@media (max-width: 1919px) {
		
	}
	@media (max-width: 1670px) {
		.pup-case .come{bottom: 30px;}
	}
	@media (max-width: 1510px) {
		.wrap,.header .wrap{width: 90%;}
	
	}
	@media (max-width: 1450px) {
		.wrap,.header .wrap{width: 90%;}
		.nav li a.active::after{width:calc(100% + 20px);}
		
		.title2,.title1{font-size:50px;line-height: normal;}
		.title1 h3{font-size:50px;height: 68px;}
		.section1 img{height: 420px;}
		.section1 .about{width: 90%;padding-bottom: 0;}
		.section1 .wrap{height: 75vh;}
		.section1 .donghua-box .img1{left: -5%;height: 350px;bottom: -125px;}
		.section1 .donghua-box .img2{right: -5%;height: 340px;bottom: -100px;}
		.five-box li {margin: 100px 3%;}
		.five-box li:hover{z-index: 10}
		.waterfall-card .img .i-logo img{width: 150px;}
		.screen-4-active .map{margin: 0;position:absolute;bottom: 0;right: 0;}
		.contact{position:relative}
		.contact .left{width: 100%;}
		.contact .form{width: 330px;}
		.map a .star2{width: 120px;height: 120px;background-size: 120px auto;left: -52px;top: -52px;font-size: 10px;}
		.map a .star2 b{font-size: 12px;}
		.section4 .title2 span{padding-bottom: 0;}
		.item-box li{font-size: 14px;}
		.item-box .tt-name h3{font-size: 28px;}
		.map a.shanghai{right: 7%;top: 46%;}
		.map a.wuhan{right: 11.6%;top: 48.6%;}
		.map a.faguo{left: 45%;top: 44.4%;}
		.pup-case h3{font-size: 30px;line-height: 45px;margin: 0 0 15px 0;width: 100%;}
		.pup-case h4{font-size: 22px;}
		.pup-case .text{top: 60px;}
		.pup-case .text2{top:290px}
		.title2 .yuan2,.title1 .yuan1{width: 90px;height: 90px;}
		@keyframes rollFromBottomLeft {
            0% {
                /* 起始状态：左下角外，无旋转 */
                left: -700px;
                top: 200px;
                transform: rotate(0deg);
                opacity: 0;
            }
            100% {
                /* 结束状态：左下角可视区域内，旋转360度（滚一圈） */
                left: -32px; /* 最终距离左侧的距离，可调整 */
                top:-13px;
                transform: rotate(360deg);
                opacity: 1;
            }
        }

        /* 定义从左下角滚动的动画 */
        @keyframes rollFromBottomLeft2 {
            0% {
                /* 起始状态：左下角外，无旋转 */
                left: -700px;
                top: 200px;
                transform: rotate(0deg);
                opacity: 0;
            }
            100% {
                /* 结束状态：左下角可视区域内，旋转360度（滚一圈） */
                left: 180px; /* 最终距离左侧的距离，可调整 */
                top:-13px;
                transform: rotate(360deg);
                opacity: 1;
            }
        }
        .pup-case .read{width:600px}

	}
	@media (max-width: 1350px) {
		.pup-win .box1{padding: 20px 4%;}
		.pup-win .tit{font-size: 40px;line-height: 52px;}
		.pup-win .donghua img{height: 160px;width: 160px;}
		.pup-win .box2{padding:30px 0 30px 4%;}
		.pup-win .box2 .left h3{font-size: 30px;}
		.pup-win .close img{width: 50px;height: 50px;}
		.pup-win.in .box2 .right{height: calc(100vh - 260px);}
		.pup-case .read{width:520px}
		.nav li a span,.nav1 li{margin-right: 18px;}
	}
	@media (max-width: 1200px) {
		.five-box li {margin: 100px 2%;}
		.pup-win .box2 .left h3{font-size: 24px;}
		.pup-case h3{font-size: 24px;line-height: 36px;margin-bottom: 20px;width: 100%;}
		.pup-case .tit-box img{height: 50px;}
		.pup-case.in .tit-box .name{font-size: 20px;}
		.pup-case h4{font-size: 20px;margin-bottom: 8px;}
		.pup-case p{font-size: 16px;line-height: 22px;}
		.pup-case.in .come{bottom: 30px;}
		.close2 img{height: 30px;}
		.close2{top: 20px;}
		.pup-case .text{top: 5%;}
		.pup-case .text2{top: 8%;}
		.nav li a span,.nav1 li{margin-right: 10px;}
		.way-list li{width: 49%;}
	}
	@media (max-width: 1024px) {
		/* 保留原有样式，新增/修改以下内容 */
		.video-layer video{display: none!important;height: 0;width: 0;}
	    /* 确保锚点目标元素可被正确定位（避免被其他元素遮挡或偏移） */
	    .section {
	        position: relative; /* 建立定位上下文 */
	        scroll-margin-top: 60px; /* 适配固定头部高度，避免锚点被头部遮挡（根据你的头部高度调整） */
	        margin: 0;
	        height: auto;}
	    /* 取消fullpage的固定高度和溢出隐藏 */
	     #fullpage {
        height: auto !important;
        overflow: visible !important;
        transform: none !important;
        position: relative !important;
        }

	    /* 移除可能的页面滚动封锁类（避免残留样式影响） */
	    .body-no-scroll, .no {
	        overflow-y: auto !important;
	        height: auto !important;
	        position: relative !important;
	    }
		.wrap,.header .wrap{width: 94%;}
		.btn span{background: #000;}
		.hd-lang{right:calc(3% + 40px)}
		.header h1 img,.hd-lang a .yy{height: 38px;}
		.hd-lang dl{top:38px}
		.banner{min-height: 50vh;}
		.screen1-content{position:relative;height: auto;opacity: 1;margin-top: 80px;}
		#videoLayer{display: none;}
		.title1,.title1 h3{font-size: 46px;height: auto;}
		.list2,.section1 .donghua-box{position:relative;left: 0;transform: translate(0);}
		.list1 li h3{font-size: 32px;padding-bottom: 8px;}
		.list1 ul{display: block;}
		.list1 li{width: 100%;margin: 30px 0 40px 0;}
		.list2 img,.list2 img:nth-child(2){height:auto;width: 35%;}
		.list1{padding: 0}
		.section1 .about{width:80%;padding:40px 0 0 0;}
		.section1 .donghua-box .img1,.section1 .donghua-box .img2{position:relative;left: 0;transform: translate(0);bottom:0;height:auto;width: 40%;}
		.list1 li p,.about p,.title2 p{font-size:20px;}
		.section1 .donghua-box .img1{height:auto;top: 10px;width: 40%;}
		.section2,.section1,.section3,.section4{padding-top: 80px;margin-top: 0;}
		.section3{padding-top: 50px;margin-top: 0;}
		.section4{padding-top: 100px;}
		.title1 .yuan1,.title2 .yuan2{width:90px;height:90px;left: -25px;top: -14px;}
		.five-box ul{flex-wrap: wrap;}
		.five-box li p{position:inherit;left: auto;bottom: auto;transform: translate(0);font-size: 20px;width: 100%;min-height: 60px;}
		.five-box li{margin: 0 10px 20px 10px;width:30%;border: 2px solid #1a1a1a;border-radius: 15px;padding: 20px 0;}
		.five-box li a{border: none;width: 100%;height: auto;}
		.five-box li .ico img{height: 100px;}
		.five-box li .ico{margin-bottom: 10px;}
		.section3 .wrap{display: block;}
		.title2{font-size: 46px;line-height: 62px;}
		.title2 .yuan2{left: auto;right: -24px;top: -13px;}
		.local-scroll-area{height: auto;}
		.case{width: 100%;padding:0;}
		.contact,.item-box.active{display: block;}
		.contact .left,.contact .form,.map{width: 100%;}
		.item-box .tt-name{font-size: 28px;margin-bottom:15px;}
		.item-box .tt-name h3{font-size: 40px;}
		.item-box li{margin:5px 0 0 0;font-size: 20px;}
		.item-box li p{background-size: auto 20px;padding-left: 30px;background-position: left center;}
		.item-box li.xtb2 p{background-size: auto 16px;background-position: left center;}
		.item-box li.xtb3 p{background-size: auto 20px;background-position: left center;padding-left: 26px;}
		footer{padding:20px 0}
		footer .wrap ul{justify-content: left;}
		footer .right li{margin:10px 10px 0 0;}
		.map a .star2{width: 80px;height: 80px;background-size:auto 80px;left: -30px;top: -30px;font-size: 6px;}
		.map a .star2 b{font-size: 8px;}
		.map a .star1{width: 24px;height: 24px;}
		.caseSwiper{display: block;}
		.mySwiper{display: none;}
		.waterfall-card .img .i-logo img{width: 220px;}
		.waterfall-card h3{font-size: 20px;margin-bottom:2px;padding-top: 8px;}
		.waterfall-card p,.pup-win .right .text1 p,.pup-win .right .text2 p{font-size: 18px;}
		.waterfall-column{gap: 15px 12px;margin-bottom: 15px;}
		.title2 span{padding-bottom: 0;}
		.item-box{border: none;}
		.title2 .miaosu{padding-top: 10px;}
		.quan3,.quan1,.quan2,.quan4{display: none;}
		.pup-win .close{z-index:10}
		.pup-win .tit{font-size: 22px;line-height: normal;margin-bottom: 15px;}
		.pup-win .box1, .pup-win .box2{display: block;padding:20px 0}
		.pup-win .donghua img{height: 100px;width: 100px;}
		.pup-win .close img{width: 50px;height: 50px;}
		.pup-win .left{width: 100%;}
		.pup-win .box2 .left h3{font-size: 20px;padding: 0;}
		.pup-win .box2 .donghua2 img{height: 300px;display: block;margin: 0 auto;}
		.pup-win{overflow-x: hidden;overflow-y: auto;}
		.pup-win .right{width: 100%;}
		.pup-win .right .text2{display: block;padding-top: 24px;margin-top: 24px;}
		.pup-win .right .text2 h4{font-size: 20px;}
		.pup-case .tit-box{display: block;padding:40px 3% 15px 3%}
		.pup-case .tit-box img{height: 40px;}
		.pup-case .tit-box .name{font-size: 18px;}
		.close2{top:0;right:0;}
		.close2 img{height: 36px;}
		.mySwiper01{display: none;}
		.five-box li:hover a {transform: scale(1);box-shadow: none;}
		.five-box li:hover p {transform: translate(0) scale(1);}
		.five-box li:hover a .ico img {transform: scale(1);}
		footer .left p{font-size: 20px;}
		.pup-case .pic::after,.case-Swiper .swiper-slide .pic img{border-radius: 0;}
		.case-Swiper .swiper-slide .pic img{height: auto;}
		.pup-case .text{position:relative;padding: 0 3%;top:20px;}
		.pup-case .pic::after{display: none;}
		.pup-case .ys-imgbox-cover .pic,.pup-case,.pup-case .ys-imgbox-cover{height: auto;}
		.pup-case h3,.pup-case h4,.pup-case p{color: #000;}
		.pup-case h4{width: 100%;}
		.pup-case h3{font-size: 20px;line-height:normal;margin-bottom: 15px;width: 100%;}
		.pup-case h4{font-size: 18px;}
		.pup-case p{font-size: 16px;line-height: 20px;}
		.pup-case .read{width: 100%;}
		.pup-case .swiper-button-next, .pup-case .swiper-button-prev{bottom: auto;top:100px;width: 30px;height: 20px;background-image: url(../images/z-jt.png);border: none;border-radius: 0;background-size: 30px auto;display: none;}
	    .pup-case .swiper-button-next{background-image: url(../images/y-jt.png);background-size: 30px auto;right: 3%;}
	    .pup-case .swiper-button-prev{right: calc(3% + 100px);}
	    .pup-case .swiper-pagination{bottom: auto;top:54px;}
		
		.swiper-pagination2,.pup-case .cur{color: #000;}
		.pup-case .swiper-pagination em,.pup-case .zongshu{color: #999;}
		.pup-case .swiper-pagination em{font-size: 20px;}
		.pup-case .swiper-pagination{width: auto;right:3%;}
		.pup-case .come{display: none;}
		.pup-case .come2{color: #000;font-size: 16px;display: block;padding:45px 0 10px 3%;}
	    .burger,.menu,.banner-pic{display: block;}
	    .hd-lang a .yy{background: url(../images/yy1.png) no-repeat center;}
	    footer .right li.douyin .ewm img{width: 120px;height: 120px;}
	    footer .right li.douyin .ewm{width: 120px;top: -132px;left: 55px;}	    
	    .banner{margin-top: 60px;}
	    .section0 .title1{padding: 0;}
	    /* 2. 移动端专属淡入动画 */
	    @keyframes mobile-fade-in {
	        from {
	            opacity: 0;
	            transform: translateY(20px);
	        }
	        to {
	            opacity: 1;
	            transform: translateY(0);
	        }
	    }
	
	    /* 3. 移动端专属左右滑入动画（比PC端更柔和） */
	    @keyframes mobile-slide-left {
	        from {
	            opacity: 0;
	            transform: translateX(-50px);
	        }
	        to {
	            opacity: 1;
	            transform: translateX(0);
	        }
	    }
	
	    @keyframes mobile-slide-right {
	        from {
	            opacity: 0;
	            transform: translateX(50px);
	        }
	        to {
	            opacity: 1;
	            transform: translateX(0);
	        }
	    }
	
	    /* 4. 移动端元素绑定专属动画 */
	    .mobile-animate-fade {
	        animation: mobile-fade-in 0.8s ease-out forwards;
	        opacity: 0;
	    }
	
	    .mobile-animate-left {
	        animation: mobile-slide-left 1s ease-out forwards;
	        opacity: 0;
	    }
	
	    .mobile-animate-right {
	        animation: mobile-slide-right 1s ease-out forwards;
	        opacity: 0;
	    }
	
	
	    /* 6. 弹窗移动端动画（简化，避免过度缩放） */
	    .pup-win.in, .pup-case.in {
	        animation: mobile-fade-in 0.5s ease-out forwards;
	        transform: none !important;
	    }
	     /* 强制移除 body 上所有 screen-x-active 类的样式影响 */
	  .screen-2-active .yuan1,.screen-3-active .yuan2,.screen-0-active .fade-in .title1, .screen-1-active .title1, .screen-1-active .section1 .about,.screen-2-active .title1 span,.screen-4-active .title2 span,.screen-3-active .title2 span,.screen-4-active .map{animation:none;opacity: 1;transform: scale(1);}
      .screen-0-active .fade-in .list1 li,.screen-0-active .fade-in .list1 li, .screen-0-active .fade-in .list2 img:nth-child(1), .screen-1-active .donghua-box img:nth-child(1){animation:none;opacity:1;transform: translateX(0);}
      .screen-0-active .fade-in .list2 img:nth-child(2), .screen-1-active .donghua-box img:nth-child(2),.screen-2-active .five-box li,.screen-3-active .case,.screen-4-active .contact .form, .screen-4-active .contact .miaosu{animation:none;opacity:1;transform: translateX(0);}
	  .screen-4-active .way, .screen-4-active footer{opacity:1;transform: translateY(0);animation:none;}
	  /*.mobile-animate-fade {
	        animation: mobile-fade-in 0.8s ease-out forwards;
	        opacity: 0;
	    }
	
	    .mobile-animate-left {
	        animation: mobile-slide-left 1s ease-out forwards;
	        opacity: 0;
	    }
	
	    .mobile-animate-right {
	        animation: mobile-slide-right 1s ease-out forwards;
	        opacity: 0;
	    }*/
	    /*.screen-0-active .section0 .title1,.screen-1-active .section1 .title1,.screen-2-active .title1 span,.screen-4-active .title2 span,.screen-3-active .title2 span,.screen-4-active .map,.screen-4-active footer,.screen-4-active .way li,.screen-4-active .title2 .miaosu{animation: mobile-fade-in 0.8s ease-out forwards;}
	    .screen-0-active .fade-in .list1 li,.screen-0-active .fade-in .list2 img:nth-child(1),.screen-1-active .section1 .donghua-box .img1{animation: mobile-slide-left 1s ease-out forwards;}
	    .screen-0-active .fade-in .list1 li:nth-child(2),.screen-0-active .fade-in .list2 img:nth-child(2),.screen-1-active .section1 .donghua-box .img2{animation: mobile-slide-right 1s ease-out forwards;}
	    .screen-2-active .five-box li{animation: mobile-slide-left 1s ease-out forwards;}
	    .screen-2-active .five-box li:nth-child(2n){animation: mobile-slide-right 1s ease-out forwards;}*/
		.map{margin-top: 20px;}
		/*.section0 .title1,.section1 .title1,.section2 .title1,.section3 .title2 span,.section4 .title2 span,.map,.title2 .miaosu,.way li,footer{animation: mobile-fade-in 0.8s ease-out forwards;}
		.section0 .fade-in .list1 li,.section0 .fade-in .list2 img:nth-child(1),.section1 .donghua-box .img1{animation: mobile-slide-left 1s ease-out forwards;}
		.section0 .fade-in .list1 li:nth-child(2),.section0 .fade-in .list2 img:nth-child(2),.section1 .donghua-box .img2{animation: mobile-slide-right 1s ease-out forwards;}
		.section2 .five-box li{animation: mobile-slide-left 1s ease-out forwards;}
		.section2 .five-box li:nth-child(2n){animation: mobile-slide-right 1s ease-out forwards;}*/
		.list2 img:nth-child(2){margin: 0;}
		.section1 .wrap{height: auto;}
		.map a.shanghai{right: 13%;top: 48%;}
		.map a.wuhan{right: 17.6%;top: 50%;}
		.map a.faguo{left: 45%;top: 44.4%;}
		.pup-win.in .box2 .right{height: auto;}
		.five-box{padding-top: 40px;}
		.case .cur,.case .zongshu,.case .swiper-pagination em{font-size: 40px;}
		.caseSwiper{padding-top: 65px;}
		.local-scroll-area{overflow: hidden;height: auto;}
		.pup-win.in, .pup-case.in {
		    animation: mobile-fade-in 0.5s ease-out forwards;
		    transform: none !important;
		    opacity: 0;
		}
		.pup-case .zongshu,.pup-case .swiper-pagination em{display:inline-block;}
		.case-Swiper{height: auto;}
	.pup-case.in{overflow-y: auto;overflow-x: hidden;background: #f2f2f2;}
	.video-layer video{display: none!important;height: 0;width: 0;}
	.pup-case{height: 100%;}
	.pup-case.in .tit-box .name{font-size:16px}
	.pup-case .ys-imgbox-cover{z-index:21}
	.v-text{font-size: 50px;margin-top: -30px;}
	.section2,.section3,.section4,.section1{animation: none;opacity: 1;}
	.screen-4-active .map{position: inherit;}
	.screen-2-active .section2 .title1 h4 span,.screen-2-active .section2 .five-box,.screen-3-active .section3 .title2 h4 span,.screen-3-active .section3 .case{animation: none,opacity: 1;}
	.screen1-content.fade-in{animation:none;opacity: 1;}
	.screen-0-active .screen1-content.fade-in{animation:none;opacity: 1;}
	.screen-1-active .section1,.screen-4-active .section4{animation:none;opacity: 1;}
	.title2 .yuan2,.title1 .yuan1{opacity: 1;}
	.section2 .title1 h4 span, .section2 .five-box, .section3 .title2 h4 span, .section3 .case{opacity: 1;}
	.pup-case .pic{border-radius: 0px;}
	.pup-case .ys-imgbox-cover{background: #f2f2f2;}
	.pup-case .read{width:100%}
	.pup-case .text{width:94%}
	.pup-win .right .text2 .one{width: 100%;}
	.pup-case .text .read{height: auto;overflow-y: hidden;}
	.pup-case .text2{display: none;}
    .pup-case .text3{display: block;}
    .pc_nav{width: auto;}
    .section4 .map{display: none;}
    .way-list ul,.way-list li dd{display: block;}
    .way-list li{width: 100%;}
    .way-list{padding-top: 25px;}
    .way-list li dd span{margin-bottom: 8px;}
	}
	@media (max-width: 992px) {
		.case .cur,.case .zongshu,.case .swiper-pagination em{font-size: 24px;}
		.caseSwiper{padding-top:30px;}
		.five-box{padding-top: 20px;}
		.pup-case .come{display: none;}
		.pup-case .come2{padding:45px 0 10px 3%;color: #000;font-size: 16px;display: block;}
	}
	@media (max-width: 768px) {
	    /* 确保锚点目标元素可被正确定位（避免被其他元素遮挡或偏移） */
	    .section {
	        position: relative; /* 建立定位上下文 */
	        scroll-margin-top: 60px; /* 适配固定头部高度，避免锚点被头部遮挡（根据你的头部高度调整） */
	        margin: 0;
	        height: auto;}
	    /* 取消fullpage的固定高度和溢出隐藏 */
	     #fullpage {
	    height: auto !important;
	    overflow: visible !important;
	    transform: none !important;
	    position: relative !important;
	    }
	
	    /* 移除可能的页面滚动封锁类（避免残留样式影响） */
	    .body-no-scroll, .no {
	        overflow-y: auto !important;
	        height: auto !important;
	        position: relative !important;
	    }
		.wrap,.header .wrap{width: 94%;}
		.btn span{background: #000;}
		.hd-lang{right:calc(3% + 40px)}
		.header h1 img,.hd-lang a .yy{height: 38px;}
		.hd-lang dl{top:38px}
		.banner{min-height: 50vh;}
		.screen1-content{position:relative;height: auto;opacity: 1;margin-top: 40px;}
		#videoLayer{display: none;}
		.title1,.title1 h3{font-size: 24px;height: auto;}
		.list2,.section1 .donghua-box{position:relative;left: 0;transform: translate(0);}
		.list1 li h3{font-size: 20px;padding-bottom: 8px;}
		.list1 ul{display: block;}
		.list1 li{width: 100%;margin: 20px 0 0 0;}
		.list2 img,.list2 img:nth-child(2){height:auto;width: 50%;}
		.list1{padding: 0}
		.section1 .about{width: 100%;padding:20px 0 0 0;}
		.section1 .donghua-box .img1,.section1 .donghua-box .img2{position:relative;left: 0;transform: translate(0);bottom:0;height:auto;width: 50%;}
		.list1 li p,.about p,.title2 p{font-size: 16px;line-height: 22px;}
		.section1 .donghua-box .img1{height:auto;top: 10px;}
		.section2,.section1,.section3,.section4{padding-top: 40px;margin-top: 0;}
		.section3{padding-top: 10px;margin-top: 0;}
		.section4{padding-top: 40px;}
		.title1 .yuan1,.title2 .yuan2{width: 52px;height: 52px;left: -16px;top: -9px;}
		.five-box ul{flex-wrap: wrap;}
		.five-box li p{position:inherit;left: auto;bottom: auto;transform: translate(0);font-size: 15px;width: 100%;line-height: 20px;min-height:40px;}
		.five-box li{margin: 0 10px 20px 10px;width:calc(42% - 6px);border: 2px solid #1a1a1a;border-radius: 15px;padding: 20px 3px 15px 3px;}
		.five-box li a{border: none;width: 100%;height: auto;}
		.five-box li .ico img{height: 70px;width: 70px;}
		.five-box li .ico{margin-bottom: 10px;}
		.section3 .wrap{display: block;}
		.title2{font-size: 24px;line-height: 36px;}
		.title2 .yuan2{left: auto;right: -22px;}
		.local-scroll-area{height: auto;}
		.case{width: 100%;padding:0;}
		.contact,.item-box.active,.item-box ul,footer .wrap{display: block;}
		.contact .left,.contact .form,.map{width: 100%;}
		.item-box .tt-name{font-size: 18px;margin-bottom:15px;}
		.item-box .tt-name h3{font-size: 20px;}
		.item-box li{margin:5px 0 0 0;font-size: 16px;}
		.item-box li p{background-size: auto 20px;padding-left: 30px;background-position: left 3px;}
		.item-box li.xtb2 p{background-size: auto 16px;background-position: left 5px;}
		.item-box li.xtb3 p{background-size: auto 20px;}
		footer{padding:20px 0}
		footer .wrap ul{justify-content: left;}
		footer .right li{margin:10px 10px 0 0;}
		.map a .star2{width: 80px;height: 80px;background-size:auto 80px;left: -30px;top: -30px;font-size: 6px;}
		.map a .star2 b{font-size: 8px;}
		.map a .star1{width: 24px;height: 24px;}
		.caseSwiper{display: block;}
		.mySwiper{display: none;}
		.waterfall-card .img .i-logo img{width: 100px;}
		.waterfall-card h3{font-size: 14px;margin-bottom:2px;padding-top: 8px;}
		.waterfall-card p,.pup-win .right .text1 p,.pup-win .right .text2 p{font-size: 14px;line-height: 20px;}
		.waterfall-column{gap: 15px 12px;margin-bottom: 15px;}
		.title2 span{padding-bottom: 0;}
		.item-box{border: none;}
		.title2 .miaosu{padding-top: 10px;}
		.quan3,.quan1,.quan2,.quan4{display: none;}
		.pup-win .close{z-index:10}
		.pup-win .tit{font-size: 22px;line-height: normal;margin-bottom: 15px;}
		.pup-win .box1, .pup-win .box2{display: block;padding:20px 0}
		.pup-win .donghua img{height: 100px;width: 100px;}
		.pup-win .close img{width: 50px;height: 50px;}
		.pup-win .left{width: 100%;}
		.pup-win .box2 .left h3{font-size: 20px;padding: 0;}
		.pup-win .box2 .donghua2 img{height: 300px;display: block;margin: 0 auto;}
		.pup-win{overflow-x: hidden;overflow-y: auto;}
		.pup-win .right{width: 100%;}
		.pup-win .right .text2{display: block;padding-top: 24px;margin-top: 24px;}
		.pup-win .right .text2 h4{font-size: 20px;}
		.pup-case .tit-box{display: block;padding:40px 3% 10px 3%}
		.pup-case .tit-box img{height: 32px;}
		.pup-case .tit-box .name{font-size: 14px;}
		.close2{top:0;right: 0;}
		.close2 img{height: 36px;}
		.mySwiper01{display: none;}
		.five-box li:hover a {transform: scale(1);box-shadow: none;}
		.five-box li:hover p {transform: translate(0) scale(1);}
		.five-box li:hover a .ico img {transform: scale(1);}
		footer .left p{font-size: 16px;}
		.pup-case .pic::after,.case-Swiper .swiper-slide .pic img{border-radius: 0;}
		.case-Swiper .swiper-slide .pic img{height: auto;}
		.pup-case .text{position:relative;padding: 0 3%;top:15px;}
		.pup-case .pic::after{display: none;}
		.pup-case .ys-imgbox-cover .pic,.pup-case,.pup-case .ys-imgbox-cover{height: auto;}
		.pup-case h3,.pup-case h4,.pup-case p{color: #000;}
		.pup-case h4{width: 100%;}
		.pup-case h3{font-size: 18px;line-height:normal;margin-bottom: 15px;width: 100%;}
		.pup-case h4{font-size: 16px;padding-top: 15px;}
		.pup-case p{font-size: 14px;line-height: 18px;}
		.pup-case{}
		.pup-case .read{width: 100%;}
		.pup-case .swiper-button-next, .pup-case .swiper-button-prev{bottom: auto;top:105px;width: 30px;height: 20px;background-image: url(../images/z-jt.png);border: none;border-radius: 0;background-size: 30px auto;display: none;}
	    .pup-case .swiper-button-next{background-image: url(../images/y-jt.png);background-size: 30px auto;right: 3%;}
	    .pup-case .swiper-button-prev{right: calc(3% + 100px);}
	    .pup-case .swiper-pagination{bottom: auto;top:54px;}
	    .swiper-pagination2,.pup-case .cur{color: #000;}
		.pup-case .swiper-pagination em,.pup-case .zongshu{color: #999;}
	    .pup-case .swiper-pagination em{font-size: 20px;}
	    .pup-case .swiper-pagination{width: auto;right:3%;}
	    .pup-case .come{display: none;}
		.pup-case .come2{padding:45px 0 10px 3%;color: #000;font-size: 16px;display: block;}
	    .burger,.menu,.banner-pic{display: block;}
	    .hd-lang a .yy{background: url(../images/yy1.png) no-repeat center;}
	    footer .right li.douyin .ewm img{width: 120px;height: 120px;}
	    footer .right li.douyin .ewm{width: 120px;top: -132px;left: 55px;}	    
	    .banner{margin-top: 60px;}
	    .section0 .title1{padding: 0;}
	    /* 2. 移动端专属淡入动画 */
	    @keyframes mobile-fade-in {
	        from {
	            opacity: 0;
	            transform: translateY(20px);
	        }
	        to {
	            opacity: 1;
	            transform: translateY(0);
	        }
	    }
	
	    /* 3. 移动端专属左右滑入动画（比PC端更柔和） */
	    @keyframes mobile-slide-left {
	        from {
	            opacity: 0;
	            transform: translateX(-50px);
	        }
	        to {
	            opacity: 1;
	            transform: translateX(0);
	        }
	    }
	
	    @keyframes mobile-slide-right {
	        from {
	            opacity: 0;
	            transform: translateX(50px);
	        }
	        to {
	            opacity: 1;
	            transform: translateX(0);
	        }
	    }
	
	    /* 4. 移动端元素绑定专属动画 */
	    .mobile-animate-fade {
	        animation: mobile-fade-in 0.8s ease-out forwards;
	        opacity: 0;
	    }
	
	    .mobile-animate-left {
	        animation: mobile-slide-left 1s ease-out forwards;
	        opacity: 0;
	    }
	
	    .mobile-animate-right {
	        animation: mobile-slide-right 1s ease-out forwards;
	        opacity: 0;
	    }
	
	
	    /* 6. 弹窗移动端动画（简化，避免过度缩放） */
	    .pup-win.in, .pup-case.in {
	        animation: mobile-fade-in 0.5s ease-out forwards;
	        transform: none !important;
	    }
	     /* 强制移除 body 上所有 screen-x-active 类的样式影响 */
	  .screen-2-active .yuan1,.screen-3-active .yuan2,.screen-0-active .fade-in .title1, .screen-1-active .title1, .screen-1-active .section1 .about,.screen-2-active .title1 span,.screen-4-active .title2 span,.screen-3-active .title2 span,.screen-4-active .map{animation:none;opacity: 1;transform: scale(1);}
	  .screen-0-active .fade-in .list1 li,.screen-0-active .fade-in .list1 li, .screen-0-active .fade-in .list2 img:nth-child(1), .screen-1-active .donghua-box img:nth-child(1){animation:none;opacity:1;transform: translateX(0);}
	  .screen-0-active .fade-in .list2 img:nth-child(2), .screen-1-active .donghua-box img:nth-child(2),.screen-2-active .five-box li,.screen-3-active .case,.screen-4-active .contact .form, .screen-4-active .contact .miaosu{animation:none;opacity:1;transform: translateX(0);}
	  .screen-4-active .way, .screen-4-active footer{opacity:1;transform: translateY(0);animation:none;}
	  /*.mobile-animate-fade {
	        animation: mobile-fade-in 0.8s ease-out forwards;
	        opacity: 0;
	    }
	
	    .mobile-animate-left {
	        animation: mobile-slide-left 1s ease-out forwards;
	        opacity: 0;
	    }
	
	    .mobile-animate-right {
	        animation: mobile-slide-right 1s ease-out forwards;
	        opacity: 0;
	    }
	    .screen-0-active .section0 .title1,.screen-1-active .section1 .title1,.screen-2-active .title1 span,.screen-4-active .title2 span,.screen-3-active .title2 span,.screen-4-active .map,.screen-4-active footer,.screen-4-active .way li,.screen-4-active .title2 .miaosu{animation: mobile-fade-in 0.8s ease-out forwards;}
	    .screen-0-active .fade-in .list1 li,.screen-0-active .fade-in .list2 img:nth-child(1),.screen-1-active .section1 .donghua-box .img1{animation: mobile-slide-left 1s ease-out forwards;}
	    .screen-0-active .fade-in .list1 li:nth-child(2),.screen-0-active .fade-in .list2 img:nth-child(2),.screen-1-active .section1 .donghua-box .img2{animation: mobile-slide-right 1s ease-out forwards;}
	    .screen-2-active .five-box li{animation: mobile-slide-left 1s ease-out forwards;}
	    .screen-2-active .five-box li:nth-child(2n){animation: mobile-slide-right 1s ease-out forwards;}*/
		.map{margin-top: 20px;}
		/*.section0 .title1,.section1 .title1,.section2 .title1,.section3 .title2 span,.section4 .title2 span,.map,.title2 .miaosu,.way li,footer{animation: mobile-fade-in 0.8s ease-out forwards;}
		.section0 .fade-in .list1 li,.section0 .fade-in .list2 img:nth-child(1),.section1 .donghua-box .img1{animation: mobile-slide-left 1s ease-out forwards;}
		.section0 .fade-in .list1 li:nth-child(2),.section0 .fade-in .list2 img:nth-child(2),.section1 .donghua-box .img2{animation: mobile-slide-right 1s ease-out forwards;}
		.section2 .five-box li{animation: mobile-slide-left 1s ease-out forwards;}
		.section2 .five-box li:nth-child(2n){animation: mobile-slide-right 1s ease-out forwards;}*/
		.five-box{padding-top: 10px;}
		.pup-case.in .come{bottom: auto;}
		.map a.faguo {
	    left: 45%;
	    top: 39.8%;
	}
	
	.map a.wuhan {
	    right: 8.8%;
	    top: 44.4%;
	}
	
	.map a.shanghai {
	    right: 3.5%;
	    top: 43%;
	}
	.case-Swiper{height: auto;}
	.pup-case.in{overflow-y: auto;overflow-x: hidden;background: #f2f2f2;}
	.video-layer video{display: none!important;height: 0;width: 0;}
	.pup-case{height: 100%;}
	.pup-case.in .tit-box .name{font-size:16px;padding-top: 20px;}
	.pup-case .ys-imgbox-cover{z-index:21}
	.v-text{font-size: 20px;margin-top: -15px;}
	.screen-4-active .map{position: inherit;}
	.screen-2-active .section2 .title1 h4 span,.screen-2-active .section2 .five-box,.screen-3-active .section3 .title2 h4 span,.screen-3-active .section3 .case{animation: none,opacity: 1;}
	.screen1-content.fade-in{animation:none;opacity: 1;}
	.screen-0-active .screen1-content.fade-in{animation:none;opacity: 1;}
	.screen-1-active .section1,.screen-4-active .section4{animation:none;opacity: 1;}
	.title2 .yuan2,.title1 .yuan1{opacity: 1;}
	.section2 .title1 h4 span, .section2 .five-box, .section3 .title2 h4 span, .section3 .case{opacity: 1;}
	.pup-case .pic{border-radius: 0px;}
	.pup-case .tit-box .logo-tb{position: absolute;top: 0;}
	.pup-case .tit-box .logo-tb img{height: 24px;}
	.pup-case .ys-imgbox-cover{background: #f2f2f2;}
	.pup-case .read{width:100%}
	.pup-case .text{width:94%}
	.pup-win .right .text2 .one{width: 100%;}
	.pup-case .text .read{height: auto;overflow-y: hidden;}
	.pup-case .text2{display: none;}
    .pup-case .text3{display: block;}
    .pc_nav{width: auto;}
	}