html,body{width: 100%;height: 100%;overflow: hidden;}
.wrap{width: 100%;min-width: 1200px;max-width: 3840px;height:calc(100% - 45px);position: relative;margin: 0 auto;/* max-width: 1920px;max-height: 1080px; */}
.swiper-container{position: relative;width: 100%;height: 100%;}
.swiper-slide{position: relative;width: 100%;height: 100%;overflow: hidden;}
.swiper_bottom{height: 2rem;}

.logo{z-index: 999;position:absolute;top: 0.31rem;left:50%;margin-left: -8.92rem;width:1.10rem;height:1.45rem;background:url(http://image.gyyxcdn.cn/upload/pic/logo/wd_logoNeu.png) no-repeat;background-size: 100% 100%;}
.wd_nav{z-index: 999;position: absolute;top: 0.35rem;right: 50%;margin-right: -7.87rem;color: #dcba5e;width: 4.48rem;height: 0.28rem;background: url(http://image.gyyxcdn.cn/upload/wd/hd/p/cqhd/jnh/2025/zt/images/nav.png) no-repeat;background-size: 4.48rem 0.28rem;text-align: center;line-height: 0.28rem;font-size: 0.14rem;}
.wd_nav a{font-size: 0.14rem;color: #dcba5e;margin: 0 0.12rem;}
.wd_nav a:hover{color: #e97d2e;}

.swiper-slide01{background: url(http://image.gyyxcdn.cn/upload/wd/hd/p/cqhd/jnh/2025/zt/images/bg01.jpg) no-repeat center / cover;}
.swiper-slide02,.swiper-slide03,.swiper-slide04{background: url(http://image.gyyxcdn.cn/upload/wd/hd/p/cqhd/jnh/2025/zt/images/bg02.jpg) no-repeat center / cover;}

.cont{width: 19.20rem;height: 100%;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);z-index: 9;}
.cont_tab{width: 100%;height: 100%;visibility: hidden;}
.cont_tab.on{visibility: inherit;}
.main{width: 12rem;height: 100%;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}

.tit01{width: 3.15rem;height: 1.24rem;background: url(http://image.gyyxcdn.cn/upload/wd/hd/p/cqhd/jnh/2025/zt/images/slogan02.png) no-repeat 0% 50%;background-size: 2.97rem 1.24rem;margin: 0.8rem auto 0.1rem;text-indent: -9999rem;overflow: hidden;position: relative;}
.tit01 i{position: absolute;top: 0.15rem;right: 0rem;width: 0.35rem;height: 0.84rem;}
.tit01 i img{width: 100%;height: 100%;display: block;}

.tab_cont{width: 12rem;height: 1.11rem;background: url(http://image.gyyxcdn.cn/upload/wd/hd/p/cqhd/jnh/2025/zt/images/tab_bg.png) no-repeat;background-size: 12rem 1.11rem;margin: 0rem auto;overflow: hidden;position: relative;}

.tab-container{width: 10.32rem;height: 0.52rem;margin:0.3rem auto 0;}
.tab-container .swiper-slide{width: 1.15rem;height: 0.52rem;}
.tab-container .swiper-slide a{display: block;width: 1.15rem;height: 0.52rem;background: url(http://image.gyyxcdn.cn/upload/wd/hd/p/cqhd/jnh/2025/zt/images/tab_btn.png) no-repeat;background-size: 1.15rem 1.04rem;cursor: pointer;text-align: center;line-height: 0.52rem;color: #393417;font-size: 0.16rem;}
/* .tab-container .swiper-slide:hover a{background-position: 0 -0.52rem;color: #a2210c;} */
.tab-container .swiper-slide.on a{background-position: 0 -0.52rem;color: #a2210c;}

.tab-container .swiper-wrapper.center{text-align: center;width: 100%;display: block;}
.tab-container .swiper-wrapper.center .swiper-slide{display: inline-block;}


.l_btn{position: absolute;left: 0.3rem;top: 50%;transform: translateY(-50%);width: 0.5rem;height: 0.5rem;background: url(http://image.gyyxcdn.cn/upload/wd/hd/p/cqhd/jnh/2025/zt/images/l_icon.png) no-repeat 50% 50%;background-size: 0.32rem 0.33rem;}
.r_btn{position: absolute;right: 0.3rem;top: 50%;transform: translateY(-50%);width: 0.5rem;height: 0.5rem;background: url(http://image.gyyxcdn.cn/upload/wd/hd/p/cqhd/jnh/2025/zt/images/r_icon.png) no-repeat 50% 50%;background-size: 0.33rem 0.33rem;}
/* .swiper-button-disabled{opacity: 0.5;} */

.tab_text{width: 12rem;height:calc(100% - 4rem);padding-top: 0.2rem;position: relative;}
.tab_text h3{width: 5.69rem;height: 0.28rem;font-size: 0.26rem;line-height: 0.26rem;color: #ffd990;background: url(http://image.gyyxcdn.cn/upload/wd/hd/p/cqhd/jnh/2025/zt/images/tit02.png) no-repeat 50% 50%;background-size: 5.69rem 0.15rem;text-align: center;margin: 0 auto;}
.tab_text li{height: 100%;visibility: hidden;position: absolute;top: 0.2rem;}
.tab_text li.on{visibility: inherit;}
.tab_text .tab_soll{width: 12rem;height:calc(100% - 1rem);margin-top: 0.07rem;overflow: hidden;overflow-y: scroll;box-sizing: border-box;}
.tab_text .tab_soll h4{color: #fad793;font-size: 0.22rem;font-weight: bold;padding-left: 0.33rem;background: url(http://image.gyyxcdn.cn/upload/wd/hd/p/cqhd/jnh/2025/zt/images/tit03.png) no-repeat 0% 50%;background-size: 0.38rem 0.25rem;margin: 0.1rem 0 0.1rem 0.37rem;}
.tab_text .tab_soll p{color: #fefaeb;font-size: 0.16rem;line-height: 0.32rem;margin:0 0.7rem;position: relative;padding-left: 0.23rem;}
.tab_text .tab_soll p i{position: absolute; left:0rem; top:0.11rem; width: 0.08rem; height: 0.08rem;background: #f5ce82;clip-path: polygon(50% 0, 100% 50%, 50% 100%, 0 50%);}
.tab_text table{width: 10rem;text-align: center;margin: 0.1rem 0 0.1rem 0.93rem;}
.tab_text table tr th{background: #b79656;color: #f9f2cb;font-size: 0.18rem;font-weight: bold;padding: 0.13rem 0.05rem;border: 1px solid #a38954;}
.tab_text table tr td{color: #fffbec;font-size: 0.14rem;padding: 0.13rem 0.05rem;border: 1px solid #a38954;}

.wd_img{text-align: center;margin: 0.1rem 0 0.1rem 0rem;}
.wd_img img{padding: 0.08rem;border: 1px solid #b79656;margin: 0 0.02rem;}

.list_btn{width: 2.05rem;height: 6.62rem;position: absolute;top: 50%;left: 50%;transform: translate(-9rem,-50%);opacity: 0;transition: 0.6s;background: url(http://image.gyyxcdn.cn/upload/wd/hd/p/cqhd/jnh/2025/zt/images/list_bg.png) no-repeat 42% 50%;background-size: 0.2rem 6.62rem;z-index: 999;box-sizing: border-box;padding-top: 0.4rem;}
.list_btn li{width: 2.05rem;height: 1.66rem;margin-top: 0.1rem;}
.list_btn li a{display: block;width: 100%;height: 100%;background: url(http://image.gyyxcdn.cn/upload/wd/hd/p/cqhd/jnh/2025/zt/images/list_btn.png) no-repeat;background-size: 4.16rem 6.54rem;text-indent: -9999rem;overflow: hidden;}
.list_btn li:nth-child(1) a{background-position: 0.2rem -0.1rem;}
.list_btn li:nth-child(2) a{background-position: 0.2rem -2.65rem;}
.list_btn li:nth-child(3) a{background-position: 0.2rem -4.9rem;}

.list_btn li:nth-child(1):hover a{background-position: -2.1rem -0.06rem;}
.list_btn li:nth-child(2):hover a{background-position: -2.1rem -2.46rem;}
.list_btn li:nth-child(3):hover a{background-position: -2.1rem -4.9rem;}

.list_btn li:nth-child(1).on a{background-position: -2.1rem -0.06rem;}
.list_btn li:nth-child(2).on a{background-position: -2.1rem -2.46rem;}
.list_btn li:nth-child(3).on a{background-position: -2.1rem -4.9rem;}
.col{color:#ffd990;}

.tab_soll::-webkit-scrollbar {
    width: 0.08rem;
    border-radius: 7px;
}
.tab_soll::-webkit-scrollbar-thumb {
    background-color: #a28447;
    border-radius: 0.08rem;
	cursor: pointer;
}
.tab_soll::-webkit-scrollbar-track {
    width: 0.08rem;
    background: linear-gradient(to right, rgba(57,50,38,0) 40%, rgba(57,50,38,1) 50%, rgba(57,50,38,0) 60%);
}
.r_btn{animation: r_btn .8s ease-in-out alternate infinite;}
@keyframes r_btn{
	0% {
	    transform: translate(0,-50%);
	}
	50% {
	    transform: translate(10px,-50%);
	}
	100% {
	    transform: translate(0,-50%);
	}
}
.l_btn{animation: l_btn .8s ease-in-out alternate infinite;}
@keyframes l_btn{
	0% {
	    transform: translate(0,-50%);
	}
	50% {
	    transform: translate(-10px,-50%);
	}
	100% {
	    transform: translate(0,-50%);
	}
}

.cont_tab .tit01{transform: translateY(0.5rem);opacity: 0;transition: .5s ease-in-out;}
.cont_tab.on .tit01{transform: translateY(0);opacity: 1;}

.cont_tab .tab_cont{opacity: 0;}
.cont_tab.on .tab_cont{opacity: 1;transition: .8s ease-in-out;}


.cont_tab .tab_text li{transform: translateY(0.5rem);opacity: 0;}
.cont_tab.on .tab_text li.on{transform: translateY(0);opacity: 1;transition: 0.8s ease-in-out;}

.list_btn.on{transform:translate(-8rem,-50%);opacity: 1;}

.list_btn li.on{animation: list_btn 5s linear infinite;}

@keyframes list_btn{
	0%, 65% {
	    -webkit-transform: rotate(0deg);
	    transform: rotate(0);
	}
	70% {
	    -webkit-transform: rotate(5deg);
	    transform: rotate(5deg);
	}
	75% {
	    -webkit-transform: rotate(-5deg);
	    transform: rotate(-5deg);
	}
	80% {
	    -webkit-transform: rotate(5deg);
	    transform: rotate(5deg);
	}
	85% {
	    -webkit-transform: rotate(-5deg);
	    transform: rotate(-5deg);
	}
	90% {
	    -webkit-transform: rotate(5deg);
	    transform: rotate(5deg);
	}
	95% {
	    -webkit-transform: rotate(-5deg);
	    transform: rotate(-5deg);
	}
	100% {
	    -webkit-transform: rotate(0deg);
	    transform: rotate(0);
	}
}
.bg_ani{width: 100%;height: 100%;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.bg_ani div{width: 100%;height: 100%;position: absolute;top: 0;}
.bg_ani div img{width: 100%;height: 100%;object-fit: cover;object-position:center center;}
.bg_ani .bg_ani06{width: 3.1rem;height: 2.9rem;left: 50%;top: 50%;transform: translate(-7.5rem,-0.5rem);}
.bg_ani .bg_ani07{width: 2.68rem;height: 1.08rem;left:33%;top: 5%;}
.bg_ani07{animation: bg_ani07 4s ease-in-out infinite alternate;}
@keyframes bg_ani07{
	0%{
		transform: scale(1.2);
		opacity: 1;
	}
	100%{
		transform: scale(1);
		opacity: 0.5;
	}
}

.bg_ani04{animation: bg_ani04 4s 4s ease-in-out infinite alternate;}
@keyframes bg_ani04{
	0%{
		transform: scale(1);
		opacity: 1;
	}
	100%{
		transform: scale(1.05);
		opacity: 0.5;
	}
}
.bg_ani05{animation: bg_ani05 4s 4s ease-in-out infinite alternate;}
@keyframes bg_ani05{
	0%{
		transform: scale(1);
		opacity: 1;
	}
	100%{
		transform: scale(1.05);
		opacity: 0.5;
	}
}
.bg_ani01{animation: bg_ani01 4s 2s ease-in-out infinite alternate;}
@keyframes bg_ani01{
	0%{
		transform: scale(1);
	}
	100%{
		transform: scale(1.01);
	}
}

.bg_ani02{animation: bg_ani02 2s 0s ease-in-out infinite alternate;}
@keyframes bg_ani02{
	0%{
		transform: scale(1);
	}
	100%{
		transform: scale(1.01);
	}
}
.bg_ani03{animation: bg_ani03 2s 0s ease-in-out infinite alternate;}
@keyframes bg_ani03{
	0%{
		transform: scale(1);
	}
	100%{
		transform: scale(1.01);
	}
}




.swiper-slide01 .slogn{position: absolute; left: 50%; top: 50%; transform: translate(-50%, -65%); z-index: 10; width: 12.37rem; height: 4.9rem;}
.swiper-slide01 .slogn img{width: 100%;mask: url(http://image.gyyxcdn.cn/upload/wd/hd/p/cqhd/jnh/2025/zt/images/mask02.png) no-repeat center;mask-size: 2300% 100%;animation: sloganSlide 0.8s 0.3s steps(22) both;}
@keyframes sloganSlide {
  0% {
    mask-position:100% 0;
    
  }
  100% {
    mask-position: 0 0;
    
  };
}
.man{position: absolute;left: 50%;top: 50%;/*transform: translate(-46%, -46%);*/margin-top: -5.4rem;margin-left: -4.9rem;z-index: 8;width: 10.82rem;height: 9.95rem;}
.man img{width: 100%;mask: url(http://image.gyyxcdn.cn/upload/wd/hd/p/cqhd/jnh/2025/zt/images/mask.png) no-repeat center;mask-size: 3000% 100%;animation: sloganSlide 0.8s steps(29) both;}


.pre{width: 2.12rem; height: 1.45rem; background: url(http://image.gyyxcdn.cn/upload/wd/hd/p/cqhd/jnh/2025/zt/images/wd_01_pre.png) no-repeat;background-size: 2.12rem 1.45rem;position: absolute; bottom: 0rem; left: 50%; transform: translateX(-50%);animation: bounce 1s ease-in-out infinite alternate;z-index: 999;}
@keyframes bounce {
    0% {
        transform: translateX(-50%) translateY(0);
    }
    100% {
        transform: translateX(-50%) translateY(-0.2rem);
    }
}




.bg{width: 100%;height: 100%;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.bg div{width: 100%;height: 100%;position: absolute;}
.bg div img{width: 100%;height: 100%;object-fit: cover;object-position:center center;}
.bg .bg04{z-index: 11;}
.bg .bg05{z-index: 11;}
.bg .bg06{z-index: 12;bottom: -0.2rem;}
.bg .bg07{width: 12.64rem;height: 11.95rem;top: 50%;left: 50%;/*transform: translate(-49%,-63%);*/margin-top: -7rem;margin-left: -6.32rem;z-index: 9;}


.bg01{animation: bg 2s 2s ease-in-out infinite alternate;}
.bg02{animation: bg03 1.8s 0s ease-in-out infinite alternate;}
.bg03{animation: bg03 2s 1s ease-in-out infinite alternate;}
.bg04{animation: bg 2s 0s ease-in-out infinite alternate;}
.bg05{animation: bg 2s 0s ease-in-out infinite alternate;}
.bg07{animation: bg07 1.5s 0s ease-in-out infinite alternate;}
@keyframes bg{
	0%{
		transform: scale(1);
	}
	100%{
		transform: scale(1.01);
	}
}
@keyframes bg02{
	0%{
		opacity: 0.3;
	}
	100%{
		opacity: 1;
	}
}
@keyframes bg03{
	0%{
		opacity: 0.3;
		transform: scale(1);
	}
	100%{
		transform: scale(1.01);
		opacity: 1;
	}
}
@keyframes bg07{
	0%{
		transform: translate(0,-0) scale(0.95);
	}
	100%{
		transform: translate(0,0) scale(1);
	}
}
.wd_bg01{width: 100%; height: 100%;position: absolute;top: 0;background: url(http://image.gyyxcdn.cn/upload/wd/hd/p/cqhd/jnh/2025/zt/images/bg01.jpg) no-repeat center / cover;animation: breath 15s infinite ease-in-out;}
.wd_bg02{width: 100%; height: 100%;position: absolute;top: 0;background: url(http://image.gyyxcdn.cn/upload/wd/hd/p/cqhd/jnh/2025/zt/images/bg02.jpg) no-repeat center / cover;animation: breath 15s infinite ease-in-out;}

@keyframes breath{
	0% {
	    transform: scale(1);
	}
	50% {
	    transform: scale(1.05);
	}
	100% {
	    transform: scale(1);
	}
}


.man{animation: rloe 1.5s ease-in-out infinite alternate}
@keyframes rloe {
    0% {
        transform: translate(0, 0);
    }
    100% {
        transform: translate(0, -2%);
    }
}

/* 03 */
.bg_ani .bg_ani08{width: 19.2rem;height: 10.8rem;left: 50%;top: 50%;transform: translate(-50%,-57%);}
.bg_ani .bg_ani09{width: 6.59rem;height: 6.7rem;left: 50%;top: 50%;transform: translate(-50%,-63%);}
.bg_ani .bg_ani08 img{animation: spin01 120s linear infinite;}
.bg_ani .bg_ani09 img{animation: spin02 120s linear infinite;}
@keyframes spin01 {
    0% { 
		transform: rotate(0deg); 
		}
    100% { 
		transform: rotate(-360deg); 
	}
  }
  @keyframes spin02 {
    0% { 
		transform: rotate(0deg); 
		}
    100% { 
		transform: rotate(360deg); 
	}
  }
.bg_ani .bg_ani10{width: 2.73rem;height: 0.85rem;left: 50%;bottom:9%;transform: translate(-47%,0);top:auto;}
.bg_ani .bg_ani10 img{
	position: absolute;
    animation: lightFlow01 2s infinite ease-out;
    transform-origin: center bottom;
}
@keyframes lightFlow01 {
    0% {
        transform: scale(0.8);
        opacity: 0;
    }
    50% {
        transform: scale(1);
        opacity: 1;
    }
    100% {
        transform: scale(1.2);
        opacity: 0;
    }
}
.bg_ani .bg_ani11{width: 2.97rem;height: 1.41rem;left: 50%;bottom:10%;transform: translate(-47%,0);top:auto;}
.bg_ani .bg_ani12{width: 2.21rem;height: 2.88rem;left: 50%;bottom:8%;transform: translate(-47%,0);top:auto;}
.bg_ani .bg_ani12 img{
    position: absolute;
    animation: lightFlow02 2s infinite;
    transform-origin: center bottom;
}
@keyframes lightFlow02 {
    0% {
        transform: translateY(20px);
        opacity: 0;
    }
    50% {
        transform: translateY(0);
        opacity: 1;
    }
    100% {
        transform: translateY(-20px);
        opacity: 0;
    }
}
.bg_ani14{animation: bg_ani14 4s 4s ease-in-out infinite alternate;}
@keyframes bg_ani14{
	0%{
		opacity: 1;
	}
	100%{
		opacity: 0.3;
	}
}
.swiper-slide03 .slogn{position: absolute; left: 50%; top: 50%;z-index:2;width:5.25rem;height:7.23rem;transform:translate(-50%, -50%);opacity:0;}
.swiper-slide03 .slogn.on{animation: scaleIn .3s ease-in 0s both;}
.swiper-slide03 .slogn img{width:100%;height:100%;display:block;}
@keyframes scaleIn {
    0% {
		 transform:translate(-50%, -50%) scale(3);
		 opacity: 0;
    }
    100% {
		 transform:translate(-50%, -50%) scale(1);
		 opacity: 1;
    }
}
.swiper-slide03 .links{z-index:9;width:12rem;height:7.64rem;margin:0 auto;position:absolute;/*top:12%;*/left: 50%; top: 50%;transform:translate(-50%, -63%);}
.swiper-slide03 .links a{position:absolute;display:block;width:3.89rem;height:1.72rem;background:url(http://image.gyyxcdn.cn/upload/wd/hd/p/cqhd/jnh/2025/zt/images/link.png) no-repeat;background-size:37.64rem 3.44rem;text-indent:-999rem;overflow:hidden;opacity: 0;}
.swiper-slide03 .links a.a01{background-position:0 -1.72rem;top:0.2rem;right:1rem;}
.swiper-slide03 .links a.a02{background-position:-3.89rem -1.72rem;top:2rem;right:0rem;}
.swiper-slide03 .links a.a03{background-position:-7.78rem -1.72rem;top:4rem;right:0rem;}
.swiper-slide03 .links a.a04{background-position:-11.67rem -1.72rem;top:6rem;right:1rem;}
.swiper-slide03 .links a.a05{background-position:-34.38rem 0;top:6.5rem;left:4.44rem;width:3.26rem;height:2.3rem;}
.swiper-slide03 .links a.a06{background-position:-15.56rem -1.72rem;top:6rem;left:1rem;}
.swiper-slide03 .links a.a07{background-position:-19.45rem -1.72rem;top:4.1rem;left:0.19rem;}
.swiper-slide03 .links a.a08{background-position:-23.34rem -1.72rem;top:2.09rem;left:-0.1rem;}
.swiper-slide03 .links a.a09{background-position:-27.23rem -1.72rem;top:0.3rem;left:1.2rem;}
.swiper-slide03 .links a.a01:hover{background-position:0 0;}
.swiper-slide03 .links a.a02:hover{background-position:-3.89rem 0;}
.swiper-slide03 .links a.a03:hover{background-position:-7.78rem 0;}
.swiper-slide03 .links a.a04:hover{background-position:-11.67rem 0;}
.swiper-slide03 .links a.a05:hover{background-position:-31.12rem 0;}
.swiper-slide03 .links a.a06:hover{background-position:-15.56rem 0;}
.swiper-slide03 .links a.a07:hover{background-position:-19.45rem 0;}
.swiper-slide03 .links a.a08:hover{background-position:-23.34rem 0;}
.swiper-slide03 .links a.a09:hover{background-position:-27.23rem 0;}
.swiper-slide03 .links.on a.a01{animation:bounceIn ease 0.2s both;animation-delay:0.5s;}
.swiper-slide03 .links.on a.a02{animation:bounceIn ease 0.2s both;animation-delay:0.6s;}
.swiper-slide03 .links.on a.a03{animation:bounceIn ease 0.2s both;animation-delay:0.7s;}
.swiper-slide03 .links.on a.a04{animation:bounceIn ease 0.2s both;animation-delay:0.8s;}
.swiper-slide03 .links.on a.a05{animation:bounceIn ease 0.2s both;animation-delay:0.9s;}
.swiper-slide03 .links.on a.a06{animation:bounceIn ease 0.2s both;animation-delay:1s;}
.swiper-slide03 .links.on a.a07{animation:bounceIn ease 0.2s both;animation-delay:1.1s;}
.swiper-slide03 .links.on a.a08{animation:bounceIn ease 0.2s both;animation-delay:1.2s;}
.swiper-slide03 .links.on a.a09{animation:bounceIn ease 0.2s both;animation-delay:1.3s;}
@keyframes bounceIn {
	0%,
	20%,
	40%,
	60%,
	80%,
	100% {
		transition-timing-function: cubic-bezier(0.215, .61, .355, 1)
	}
	0% {
		opacity: 0;
		transform: scale3d(2, 2, 2)
	}
	40% {
		opacity: 1;
		transform: scale3d(1, 1, 1)
	}
	100% {
		opacity: 1;
		transform: scale3d(1, 1, 1)
	}
}


/* 04 */
.bg_ani13{animation: bg_ani13 4s 4s ease-in-out infinite alternate;}
@keyframes bg_ani13{
	0%{
		opacity: 1;
	}
	100%{
		opacity: 0.3;
	}
}
.swiper-slide04 .slogn{position: absolute;z-index: 10; left: 0; top:0;width:3.22rem; height: 6.11rem;transform: translate(0,0);opacity: 0;}
.swiper-slide04 .slogn.on{animation: titIn 1s both ease-in-out 1;} 
.swiper-slide04 .slogn img{width:100%;height:100%;display:block;}
@keyframes titIn {
	0%,
	60%,
	75%,
	90%,
	100% {
		transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
	}
	0% {
		opacity: 0;
		transform: translate3d(0, -900px, 0);
	}
	60% {
		transform: translate3d(0, 10px, 0);
	}
	75% {
		transform: translate3d(0, -10px, 0);
	}
	90% {
		transform: translate3d(0, 5px, 0);
	}
	100% {
		opacity: 1;
		transform: none;
	}
}
.swiper-slide04 .dog{position: absolute; left: 50%; top:50%;width:10.26rem; height: 7.2rem;transform: translate(0,-38%);transition: 1s;opacity: 0;}
.swiper-slide04 .dog.on{transform: translate(-40%,-48%);opacity: 1;}
.swiper-slide04 .dog img{width: 100%;height:100%;animation: 3s ease-in-out 5s infinite normal both running wobble02;}
@keyframes wobble02{
	0% {
	    transform:translate(0%);
		transform: rotate(-1deg);
		opacity:1;
	}
	50% {
	    transform:translate3d(-1.5%,-10px,0);
		opacity:0.7;
		transform: rotate(1deg) translateY();
	}
	100% {
	    transform:translate(0);
		transform: rotate(-1deg);
		opacity:1;
	}
}
.swiper-slide04 .btn{position: absolute; left: 50%; top:41%; transform: translate(-50%, 120%); z-index: 10; width:3.5rem; height:2.48rem;background:url(http://image.gyyxcdn.cn/upload/wd/hd/p/cqhd/jnh/2025/zt/images/btn.png) no-repeat;background-size:3.5rem 2.48rem;opacity:0;}
.swiper-slide04 .btn.on{transition:all 1s linear;opacity:1;}
.swiper-slide04 .btn:hover{transform:translate(-50%, 120%) scale(1.05);transition:all 0.3s linear;}
.nav{z-index:99;position:absolute;right:0;top:50%;width:3.19rem;height:3.96rem;background:url(http://image.gyyxcdn.cn/upload/wd/hd/p/cqhd/jnh/2025/zt/images/nav_line.png) no-repeat right top;background-size:0.72rem 3.96rem;padding-top:0.42rem;box-sizing:border-box;transform: translate(8rem, -50%);opacity: 0;transition: 0.6s;} 
.nav.on{transform: translate(0, -50%);opacity: 1;}
.nav a{display:block;width:3.19rem;height:0.58rem;background:url(http://image.gyyxcdn.cn/upload/wd/hd/p/cqhd/jnh/2025/zt/images/nav_link.png) no-repeat;background-size:6.38rem 2.32rem;text-indent:-999px;overflow:hidden;}
.nav a.a01{background-position:0 0;}
.nav a.a02{background-position:0 -0.58rem;}
.nav a.a03{background-position:0 -1.16rem;}
.nav a.a04{background-position:0 -1.74rem;}
.nav a.a01:hover,.nav a.a01.on{background-position:-3.19rem 0;}
.nav a.a02:hover,.nav a.a02.on{background-position:-3.19rem -0.58rem;}
.nav a.a03:hover,.nav a.a03.on{background-position:-3.19rem -1.16rem;}
.nav a.a04:hover,.nav a.a04.on{background-position:-3.19rem -1.74rem;}

.yellow{color: #ffd990;}
.dog_bg{width: 100%;height: 100%;position: absolute;}
.dog_bg img{width: 100%;height: 100%;object-fit: cover;object-position: center center; }