html,body{width: 100%;height: 100%;overflow: hidden;}
.wrap{width: 100%;min-width: 1200px;max-width: 3840px;height:100%;position: relative;margin: 0 auto;}
.swiper-container{position: relative;width: 100%;height: 100%;}
.swiper-slide{position: relative;width: 100%;height: 100%;overflow: hidden;}
.swiper_bottom{height: 200px;}
.public_nav_top{position: fixed;width: 100%;top: 0px;}

.main{width:100%;height: 100%;margin: 0 auto;position: relative;}
.logo{z-index: 999;position:absolute;top: 68px;left:50%;margin-left: -600px;width:110px;height:145px;background:url(http://image.gyyxcdn.cn/upload/pic/logo/wd_logoNeu.png) no-repeat;}
.nav{z-index: 9999;position: absolute;top: 64px;right: 50%;margin-right: -600px;color: #142f86;width: 348px;height: 28px;line-height: 28px;background: rgba(255,255, 255, 0.7);text-align: center; background-size: 100% 100%; border-radius: 14px;}
.nav a{font-size: 14px;color: #142f86;margin: 0 12px;}
.nav a:hover{color: #fc2d2e;}

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

.swiper-slide01 h2{ position: absolute; width: 10.18rem; height: 5.26rem; left: 50%; top: 42%; transform: translate(-50%,0);z-index: 99;}
.swiper-slide01 h2 img{ width: 100%; height: 100%;}
.swiper-slide01 div.man{width: 9.43rem; height: 5.91rem; position: absolute; left: 50%; top: 50%; transform: translate(-45%,-56%);}
.swiper-slide01 div.man img{position: absolute;}
.swiper-slide01 div.man img:nth-child(1){left: 0; top: 0; width: 4.21rem; height: 5.91rem; opacity: 0; transform: translateX(-50px); animation: manEnterLeft 1s ease-out 0.5s forwards,nvFloat 4s ease-in-out 2s infinite;}
.swiper-slide01 div.man img:nth-child(2){right: 0; top: 0.36rem; width: 5.08rem; height: 5.36rem; opacity: 0; transform: translateX(50px); animation: manEnterRight 1s ease-out 0.5s forwards,nanFloat 4s ease-in-out 1.5s infinite;}
.tit{color: #f65d5d;font-size: 0.24rem;position: absolute;top: 0.5rem;left: 1.66rem;background: url(http://image.gyyxcdn.cn/upload/wd/hd/p/cqhd/shizhuang/2025/xlr/images/tit01.png) no-repeat 0 50%; padding-left: 1.54rem; height: 0.5rem; line-height: 0.5rem; background-size: 1.4rem 0.35rem;}


.wd_box{position: absolute;top: 2.04rem;left:1.46rem;width: 10.3rem;}
.wd_box .wd_text{height: 2rem;}
.wd_box h3{color: #f9fbfb;font-size: 0.36rem;font-weight: bold;margin-bottom: 0.2rem;}
.wd_box p{color: #f9fbfb;font-size: 0.18rem;line-height:0.3rem;}

.wd_box .wd_img{height: 2.25rem;font-size: 0;}
.wd_box .wd_img img{width: 3rem;height: 2.25rem;}

.wd_box .wd_role{width:3.95rem;height: 6.44rem;position: absolute;top: -1.5rem;right: 0.35rem;}
.wd_box .wd_role img{width: 100%; height: 100%;}
.wd_btn{height: 0.77rem;position: absolute;top: 6.5rem;left: 1.47rem;}
.wd_btn li{float: left;margin-right: 0.11rem;width: 0.77rem;height: 0.77rem;background: url(http://image.gyyxcdn.cn/upload/wd/hd/p/cqhd/shizhuang/2025/xlr/images/k01.png) no-repeat 0 0;position: relative;cursor: pointer; background-size: 0.77rem 0.77rem;}
.wd_btn li img{position: absolute;top: 0.04rem;left: 0.03rem;width: 0.69rem; height: 0.69rem;}
.wd_btn li.on{background: url(http://image.gyyxcdn.cn/upload/wd/hd/p/cqhd/shizhuang/2025/xlr/images/k02.png) no-repeat;background-size: 0.77rem 0.77rem;}

.swiper_bottom{height: 2rem;}
.cont{width: 19.20rem;height: 100%;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);z-index: 9;}
.pp{background: url(http://image.gyyxcdn.cn/upload/wd/hd/p/cqhd/shizhuang/2025/xlr/images/pp.png) no-repeat; width: 100%; height: 100%; background-size: 100% 100%; bottom: 0; left: 50%; transform: translateX(-50%); position: absolute;pointer-events: none;animation: BackgrounPosition 20s ease-in-out infinite both;}
.hailang{background: url(http://image.gyyxcdn.cn/upload/wd/hd/p/cqhd/shizhuang/2025/xlr/images/hailang.png) no-repeat; width: 200%; height: 2.75rem; background-size: 100% 100%; bottom: -10px; left: 0;  position: absolute;pointer-events: none;animation: BackgrounPositionX 20s ease-in-out infinite both;}
.guang{background: url(http://image.gyyxcdn.cn/upload/wd/hd/p/cqhd/shizhuang/2025/xlr/images/guang.png) no-repeat; width: 100%; height: 100%; background-size: 100% 100%; top: 50%; left: 50%; transform: translate(-50%,-50%); position: absolute;z-index: 9999; opacity: 0;animation: guang 1s ease-in-out infinite alternate;}
.mask{background: url(http://image.gyyxcdn.cn/upload/wd/hd/p/cqhd/shizhuang/2025/xlr/images/mask.png) no-repeat; width: 100%; height: 100%; background-size: 100% 100%; top: 50%; left: 50%; transform: translate(-50%,-50%); position: absolute;z-index: 9999;}

.swiper-slide01 h2{animation: 3s ease-in-out 0s infinite normal both running slo;}
.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 nanFloat{
	0%, 100% {
        transform: translateY(0) translateX(0);
    }
    50% {
        transform: translateY(-5px) translateX(5px);
    }
	
}
@keyframes nvFloat{
	0%, 100% {
        transform: translateY(0) translateX(0);
    }
    50% {
        transform: translateY(-10px) translateX(5px);
    }
	
}
@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 sloganSlide {
    0% {
      mask-position:100% 0 ;
      
    }
    100% {
      mask-position: 0 0;
      
    };
  }
@keyframes guang {
    0%{
        opacity: 0;
    }
    100%{
       opacity: 1;
    }
}

@keyframes BackgrounPosition {
    0%{
        background-position: 0 0;
    }
    100%{
        background-position:0 -1500px;
    }
}
@keyframes BackgrounPositionX {
    0% {
		left: -100px;
		transform: scaleY(1.1);
	}
	50% {
		left: -50px;
		transform:scaleY(0.9);
	}
	100% {
		left: 0px;
		transform:scaleY(1.1);
	}
}
.tab_cont{background: url(http://image.gyyxcdn.cn/upload/wd/hd/p/cqhd/shizhuang/2025/xlr/images/cont.png) no-repeat 50% 50%; width: 12.64rem; height:8.44rem; background-size: 100% 100%;  position: absolute; top: 50%;left: 50%;transform: translate(-50%, -50%); }
.wd_tab{position: absolute;top: 0;left: 0;width: 100%;transition: 0.4s;display: none;;}
.wd_tab.on{display: block;}
/* .wd_role{transform: translateX(100px);opacity: 0;transition: 0.8s;}
.wd_tab.on .wd_role{transform: translateX(0);opacity: 1;} */

.text{position: absolute;bottom: 1.4rem;left: 0%;color: #00366d;font-size: 0.16rem;text-align: center;width: 100%;box-sizing: border-box;}

.video{width: 100%;height: 100%;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
video{width: 100%;;height: 100%;;object-fit: cover;object-position:top center;}
.mouse{width: 3.97rem;height: 1.33rem;position: absolute;bottom: 0.2rem;left: 51%;transform: translateX(-50%);z-index: 999; }
.mouse span{display: block;width: 100%;height: 100%;background: url(http://image.gyyxcdn.cn/upload/wd/hd/p/cqhd/shizhuang/2025/xlr/images/mouse.png) no-repeat;animation: arrow 0.8s ease-in-out infinite alternate;background-size: 100% 100%;}
@keyframes arrow{
	0%{
		transform: translateY(0px);
	}
	100%{
		transform: translateY(10px);
	}
}
@keyframes manEnterLeft {
	0% {
		transform: translateX(-50px);
		opacity: 0;
	}
	100% {
		transform: translateX(0);
		opacity: 1;
	}
}
@keyframes manEnterRight {
	0% {
		transform: translateX(50px);
		opacity: 0;
	}
	100% {
		transform: translateX(0);
		opacity: 1;
	}
}