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.22rem;left:50%;margin-left: -6rem;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.39rem;right: 50%;margin-right: -6rem;color: #744135;width: 3.48rem;height: 0.28rem;background: url(http://image.gyyxcdn.cn/upload/wd/hd/p/cqhd/shizhuang/2025/fygg/images/nav.png) no-repeat;background-size: 3.48rem 0.28rem;text-align: center;line-height: 0.28rem;font-size: 0.14rem;}
.wd_nav a{font-size: 0.14rem;color: #744135;margin: 0 0.12rem;}
.wd_nav a:hover{color: #e5180b;}

.swiper-slide01{background: url(http://image.gyyxcdn.cn/upload/wd/hd/p/cqhd/shizhuang/2025/fygg/images/bg01.jpg) no-repeat center / cover;}
.swiper-slide02{background: url(http://image.gyyxcdn.cn/upload/wd/hd/p/cqhd/shizhuang/2025/fygg/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 .main{width: 100%;height: 100%;position: relative;margin: 0 auto;}
.cont .title{width: 10.77rem;height: 2.62rem;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-4.71rem);z-index: 1;}
.cont .title img{position: absolute;top: 0;opacity: 0;}
.cont .title img.on{opacity: 1;}
.cont .title img:nth-child(1){width: 10.77rem;height: 2.62rem;}
.cont .title img:nth-child(2){width: 10.49rem;height: 2.93rem;left: 0.07rem;}
.cont .title img:nth-child(3){width: 10.77rem;height: 2.62rem;}
.cont .title img:nth-child(4){width: 10.49rem;height: 2.93rem;left: 0.07rem;}


.tab_cont{width: 13.76rem;height: 7.53rem;background: url(http://image.gyyxcdn.cn/upload/wd/hd/p/cqhd/shizhuang/2025/fygg/images/cont_bg01.png) no-repeat;background-size: 13.76rem 7.53rem;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-3rem);}

.role{position: absolute;left: 0;top: 0;height: 100%;z-index: 1;}
.role img{width: 100%;height: 100%;}
.role .role01{width: 4.64rem;height:4.2rem;position: absolute;top: 0.75rem;left: 1.7rem;}
.role .role02{width: 4.65rem;height:3.96rem;position: absolute;top: 0.85rem;left: 1.6rem;}
.role .role03{width: 4.65rem;height:4.06rem;position: absolute;top: 0.75rem;left: 1.7rem;}
.role .role04{width: 4.59rem;height:3.85rem;position: absolute;top: 0.85rem;left: 1.6rem;}
.role div{visibility: hidden;}
.role div.on{visibility: inherit;}

.gif{width: 5.82rem;height: 4.29rem;background: url(http://image.gyyxcdn.cn/upload/wd/hd/p/cqhd/shizhuang/2025/fygg/images/gif_bg01.png) no-repeat;background-size: 5.82rem 4.28rem;position: absolute;top:1.28rem;right: 1.7rem;}
.gif .gif_tab{width: 4.88rem;height: 2.94rem;position: absolute;top: 0.7rem;left: .5rem;visibility: hidden;}
.gif .gif_tab img{width: 100%;height: 100%;position: absolute;}
.gif .gif_tab.on{visibility: inherit;}

.tab01{width: 5rem;height: 0.94rem;position: absolute;left: 1.6rem;bottom: 1.7rem;font-size: 0;text-align: center;}
.tab01 li{width: 0.96rem;height: 0.94rem;cursor: pointer;display: inline-block;margin: 0 0.04rem;}
.tab01 li:nth-child(1){background: url(http://image.gyyxcdn.cn/upload/wd/hd/p/cqhd/shizhuang/2025/fygg/images/role_nv_btn01.png) no-repeat;background-size: 0.97rem 1.92rem;background-position: 0.04rem 0.04rem;}
.tab01 li:nth-child(2){background: url(http://image.gyyxcdn.cn/upload/wd/hd/p/cqhd/shizhuang/2025/fygg/images/role_nan_btn01.png) no-repeat;background-size: 0.96rem 1.92rem;background-position: 0.04rem 0.04rem;}
.tab01 li:nth-child(3){background: url(http://image.gyyxcdn.cn/upload/wd/hd/p/cqhd/shizhuang/2025/fygg/images/role_nv_btn02.png) no-repeat;background-size: 0.99rem 1.93rem;background-position: 0.04rem 0.04rem;}
.tab01 li:nth-child(4){background: url(http://image.gyyxcdn.cn/upload/wd/hd/p/cqhd/shizhuang/2025/fygg/images/role_nan_btn02.png) no-repeat;background-size: 0.96rem 1.93rem;background-position: 0.04rem 0.04rem;}


.tab01 li:nth-child(1).on{background-position: -0.01rem -0.98rem;}
.tab01 li:nth-child(2).on{background-position: -0.01rem -0.98rem;}
.tab01 li:nth-child(3).on{background-position: -0.02rem -0.98rem;}
.tab01 li:nth-child(4).on{background-position: -0.01rem -0.98rem;}

.tab02{width: 3.52rem;height: 0.65rem;background: url(http://image.gyyxcdn.cn/upload/wd/hd/p/cqhd/shizhuang/2025/fygg/images/tab02_line.png) no-repeat 50% 50%;background-size: 3.52rem 0.11rem;position: absolute;right: 2.9rem;bottom: 1.2rem;font-size: 0;text-align: center;}
.tab02 li{width: 0.76rem;height: 0.65rem;background: url(http://image.gyyxcdn.cn/upload/wd/hd/p/cqhd/shizhuang/2025/fygg/images/tab02.png) no-repeat;background-size: 3.04rem 1.2rem;display: inline-block;cursor: pointer;}
.tab02 li:nth-child(1){background-position: 0rem 0.11rem;}
.tab02 li:nth-child(2){background-position: -0.75rem 0.11rem;}
.tab02 li:nth-child(3){background-position: -1.51rem 0.11rem;}
.tab02 li:nth-child(4){background-position: -2.26rem 0.11rem;}
.tab02 li:nth-child(1).on{background-position: 0rem -0.55rem;}
.tab02 li:nth-child(2).on{background-position: -0.75rem -0.55rem;}
.tab02 li:nth-child(3).on{background-position: -1.51rem -0.55rem;}
.tab02 li:nth-child(4).on{background-position: -2.26rem -0.55rem;}

.anibg01{width: 100%;height: 100%;background: url(http://image.gyyxcdn.cn/upload/wd/hd/p/cqhd/shizhuang/2025/fygg/images/ain_01.png) no-repeat center / cover;position: absolute;}

.tab_cont{opacity: 0;}
.ani .tab_cont{animation: tab_cont 0.8s 0.4s ease-out forwards}

@keyframes tab_cont{
	0%{
		opacity: 0;
		
	}
	100%{
		opacity: 1;
		
	}
}
.role{opacity: 0;}
.ani .role{animation: role 0.6s 0.4s ease-out forwards;}
@keyframes role{
	0%{
		opacity: 0;
		transform: translateX(-0.5rem);
	}
	100%{
		opacity: 1;
		transform: translateX(0rem);
	}
}
.gif,.tab01{opacity: 0;}
.ani .gif,.ani .tab01{animation: gif 0.6s 0.4s ease-out forwards;}
@keyframes gif{
	0%{
		opacity: 0;
		transform: translateX(0.5rem);
	}
	100%{
		opacity: 1;
		transform: translateX(0rem);
	}
}
.tab02{opacity: 0;}
.ani .tab02{animation: tab02 0.6s 0.4s ease-out forwards;}
@keyframes tab02{
	0%{
		opacity: 0;
		transform: translateY(0.25rem);
	}
	100%{
		opacity: 1;
		transform: translatey(0rem);
	}
}
.title{opacity: 0;}
.ani .title{animation: title 0.6s 0.4s ease-out forwards;}
@keyframes title{
	0%{
		opacity: 0;
		transform:translate(-50%,-4.55rem);
	}
	100%{
		opacity: 1;
		transform: translate(-50%,-4.71rem);
	}
}
.role div img{opacity: 0;transform: translateX(-1rem);transition:0.6s ease-out;}
.role div.on img{opacity: 1;transform: translateX(0%);}

.title img.on{animation: mask 1.5s 0s steps(22) forwards;opacity: 1;mask: url(http://image.gyyxcdn.cn/upload/wd/hd/p/cqhd/shizhuang/2025/fygg/images/mask.png);mask-size:2300% 100%;}

@keyframes mask{
	0% {
	    -webkit-mask-position: 0 0;
	    mask-position: 0 0;
	}
	100% {
	    -webkit-mask-position: 100% 0;
	    mask-position: 100% 0;
	}
}
.canvas{width: 100%;height: 100%;position: absolute;pointer-events: none;z-index: 999;top: 0;}




/* 第一屏 */
.swiper-slide01 .main{width: 100%;height: 100%;position: relative;margin: 0 auto; z-index: 1;}
.swiper-slide01 h2{position: absolute;width: 10.87rem; height: 3.48rem;top: 50%; left: 50%;transform: translate(-48%,0.8rem);z-index: 9;}
.swiper-slide01 .nv{position: absolute; width: 4.11rem; height: 6.65rem; top: 50%; left: 50%;transform: translate(-100%,-4.2rem);animation: slideInLeft 1s ease-out forwards;opacity: 0;}
.swiper-slide01 .nan{position: absolute; width: 6.52rem; height: 7.49rem;top: 50%; left: 50%;transform: translate(-23%,-4.8rem);animation: slideInRight 1s ease-out forwards;opacity: 0;}


.swiper-slide01 .nv img{animation: 3s ease-in-out 0s infinite normal both running nvimg;}
.swiper-slide01 .nan img{animation: 3s ease-in-out 0s infinite normal both running nanimg;}
.swiper-slide01 h2{animation: 3s ease-in-out 0s infinite normal both running slo;}
@keyframes nvimg{
	0% {
	    transform: translate3d(0%, 0, 0px);
	}
	50% {
	    transform: translate3d(-0.13rem, 0, 0px);
	}
	100% {
	    transform: translate3d(0%, 0, 0px);
	}
	
}
@keyframes nanimg{
	0% {
	    transform: translate3d(0%, 0, 0px);
	}
	50% {
	    transform: translate3d(0.13rem, 0, 0px);
	}
	100% {
	    transform: translate3d(0%, 0, 0px);
	}
	
}
@keyframes slo{
	0% {
	   transform: translate(-48%,0.8rem) scale(1);
	}
	50% {
	   transform: translate(-48%,0.8rem) scale(1.05);
	}
	100% {
	   transform: translate(-48%,0.8rem) scale(1);
	}
	
}

@keyframes slideInLeft {
    0% {
        transform: translate(-120%,-4.2rem);
        opacity: 0;
       
    }
    100% {
       transform: translate(-100%,-4.2rem);
        opacity: 1;
    }
}

@keyframes slideInRight {
    0% {
        transform: translate(13%,-4.8rem);
        opacity: 0;
    }
    100% {
        transform: translate(-23%,-4.8rem);
        opacity: 1;
    }
}
.swiper-slide01 img{width: 100%; height: 100%;}
.bg{position: absolute; left: 50%; top: 0; transform: translateX(-50%); width: 100%; height: 100%;}
.bg div{width: 100%; height: 100%; position: absolute; left: 0; top: 0;}
.bg div.cloud{background: url(http://image.gyyxcdn.cn/upload/wd/hd/p/cqhd/shizhuang/2025/fygg/images/wd_cloud.png) no-repeat center / cover;z-index: 99;}
.bg div.flower{transform: scale(1.012);}
.bg div.flower img{width: 100%;height: 100%;object-fit: cover;object-position:center center;}
.bg div.jinbi{background: url(http://image.gyyxcdn.cn/upload/wd/hd/p/cqhd/shizhuang/2025/fygg/images/wd_jinbi.png) no-repeat center / cover;}
.bg div.yuanbao{background: url(http://image.gyyxcdn.cn/upload/wd/hd/p/cqhd/shizhuang/2025/fygg/images/wd_yuanbao.png) no-repeat center / cover;}
.pre{position: absolute; background: url(http://image.gyyxcdn.cn/upload/wd/hd/p/cqhd/shizhuang/2025/fygg/images/wd_pre.png) no-repeat; width: 3.68rem; height: 1.57rem; background-size: 100% 100%; left: 50%; transform: translateX(-50%); bottom: 0;animation: bounce 1s ease-in-out infinite alternate;}

@keyframes bounce {
    0% {
        transform: translateX(-50%) translateY(0);
    }
    100% {
        transform: translateX(-50%) translateY(-0.2rem);
    }
}
.bg div.coin{position: absolute;width: 88px;height: 68px;background: url(http://image.gyyxcdn.cn/upload/wd/hd/p/cqhd/shizhuang/2025/fygg/images/ybicon01.png) no-repeat;opacity: 0;z-index: 99;}
  
@keyframes coinFloat {
    0% { transform: translateY(100vh) rotate(0deg); opacity: 0; }
    10% { opacity: 1; }
    100% { transform: translateY(-100px) rotate(360deg); opacity: 0; }
  }
  
  .bg div.coin.coin:nth-child(1) { left: 10%; animation: coinFloat 4s linear 1s  infinite; background: url(http://image.gyyxcdn.cn/upload/wd/hd/p/cqhd/shizhuang/2025/fygg/images/jinbiIcon01.png) no-repeat;}
  .bg div.coin.coin:nth-child(2) { left: 25%; animation: coinFloat 5s linear 1.5s  infinite; }
  .bg div.coin.coin:nth-child(3) { left: 40%; animation: coinFloat 3.5s linear 2s  infinite; }
  .bg div.coin.coin:nth-child(4) { left: 55%; animation: coinFloat 4.5s linear 0.5s  infinite; background: url(http://image.gyyxcdn.cn/upload/wd/hd/p/cqhd/shizhuang/2025/fygg/images/jinbiIcon02.png) no-repeat;width: 126px;height: 141px;}
  .bg div.coin.coin:nth-child(5) { left: 70%; animation: coinFloat 3s linear 1.7s  infinite; }
  .bg div.coin.coin:nth-child(6) { left: 85%; animation: coinFloat 5.5s linear 2.2s  infinite; }
  .bg div.coin.coin:nth-child(7) { left: 15%; animation: coinFloat 4.2s linear 2.7s  infinite; }
  .bg div.coin.coin:nth-child(8) { left: 35%; animation: coinFloat 3.7s linear 3.2s  infinite; background: url(http://image.gyyxcdn.cn/upload/wd/hd/p/cqhd/shizhuang/2025/fygg/images/jinbiIcon01.png) no-repeat; }
  .bg div.coin.coin:nth-child(9) { left: 60%; animation: coinFloat 4.7s linear 3.7s  infinite; }
  .bg div.coin.coin:nth-child(10) { left: 80%; animation: coinFloat 3.2s linear 4.2s  infinite;  background: url(http://image.gyyxcdn.cn/upload/wd/hd/p/cqhd/shizhuang/2025/fygg/images/jinbiIcon02.png) no-repeat;width: 126px;height: 141px;}
  
  .swiper-slide01 h2 img{mask: url(http://image.gyyxcdn.cn/upload/wd/hd/p/cqhd/shizhuang/2025/fygg/images/mask1.png) no-repeat center;mask-size: 7100% 100%; animation: sloganSlide 0.8s 0.5s steps(70) both;
}
  @keyframes sloganSlide {
    0% {
      mask-position:100% 0 ;
      
    }
    100% {
      mask-position: 0 0;
      
    };
  }




.nav{width: 1.64rem;height: 6.54rem;position: absolute;right: 0.96rem;top: 50%;transform: translate(100%,-50%);background: url(http://image.gyyxcdn.cn/upload/wd/hd/p/cqhd/shizhuang/2025/fygg/images/nav_line01.png) no-repeat 50% 50%;background-size: 0.12rem 6.54rem;z-index: 9;box-sizing: border-box;/* padding-top: 2.14rem; */opacity: 0;transition: 0.6s;display: flex;align-items: center;}
.nav li{width: 1.64rem;height: 0.53rem;font-size: 0;/* margin-bottom: 0.97rem; */}
.nav li a{display: block;width: 100%;height: 100%;background: url(http://image.gyyxcdn.cn/upload/wd/hd/p/cqhd/shizhuang/2025/fygg/images/nav_btn.png) no-repeat;background-size: 3.49rem 1.06rem;}
.nav li:nth-child(1) a{background-position: 0rem 0.02rem;}
.nav li:nth-child(2) a{background-position: 0rem -0.51rem;}
.nav li:nth-child(1):hover a{background-position: -1.9rem 0.02rem;}
.nav li:nth-child(2):hover a{background-position: -1.9rem -0.52rem;}
.nav.on{opacity: 1;transform: translate(0%,-50%);}