html,body{width: 100%;height: 100%;}
.wrap{width: 100%;max-width: 3840px;min-width: 1200px;height:calc(100% - 45px);min-height: 1080px;position: relative;margin: 0 auto;background: url(http://image.gyyxcdn.cn/upload/wd/hd/p/cqhd/jnh/2026/zh/images/bg.jpg) no-repeat top center / cover;}
.wd_cont{width: 100%;height: calc(100% - 115px);overflow: hidden;position: relative;}
.logo{position:absolute;width:110px;height:145px;top: 33px;left:50%;margin-left: -570px;background:url(http://image.gyyxcdn.cn/upload/pic/logo/wd_logoLight.png) no-repeat;z-index: 9999999;opacity: 0;}
.logo.on{animation:btn_box01 1.5s 0s ease-out forwards;}
.nav.on{animation:btn_box01 1.5s 0s ease-out forwards;}
.nav{position:absolute;top:31px;right:50%;margin-right: -596px;width:397px;height:53px;font-size: 14px;color: #3d80d3;background:url(http://image.gyyxcdn.cn/upload/wd/hd/p/cqhd/jnh/2026/zh/images/navbg.png) no-repeat;line-height: 46px;z-index:9999999;text-align: center;box-sizing: border-box;padding-right: 49px;opacity: 0;}
.nav a{color: #3d80d3; margin: 0 12px;}
.nav a:hover{color: #1ad2cc;}
.music{z-index:2;position:absolute;top:0px;right:0px;width:53px;height:53px;background:url(http://image.gyyxcdn.cn/upload/wd/hd/p/cqhd/jnh/2026/zh/images/music.png) no-repeat;cursor:pointer;}
.music{background-position:7px 2px;}
.music.pause{background-position:-79px 2px;}
.music{-webkit-animation: rotateBack1 5s linear infinite normal;animation: rotateBack1 5s linear infinite normal;}
.music.pause{animation: paused;}
@keyframes rotateBack1 {
    0% {
        transform: rotate(0deg)
    }
    100% {
        transform: rotate(-360deg)
    }
}
.btn{position: sticky;width: 100%;height: 94px;bottom: 21px;left: 0;font-size: 0;display: flex;justify-content: center;z-index: 99;}
.btn .btn_box{width: 357px;height: 94px;margin: 0 35px;position: relative;opacity: 0;}
.btn .btn_box:nth-child(1).on{animation:btn_box02 0.6s 0.3s ease-out forwards;}
.btn .btn_box:nth-child(2).on{animation:btn_box01 1.5s 0s ease-out forwards;}
.btn .btn_box:nth-child(3).on{animation:btn_box03 0.6s 0.3s ease-out forwards;}
@keyframes btn_box01{
	0%{
		opacity: 0;
	}
	100%{
		opacity: 1;
	}
}
@keyframes btn_box02{
	0%{
		opacity: 0;
		transform: translateX(100px);
	}
	100%{
		opacity: 1;
		transform: translateX(0%);
	}
}
@keyframes btn_box03{
	0%{
		opacity: 0;
		transform: translateX(-100px);
	}
	100%{
		opacity: 1;
		transform: translateX(0%);
	}
}
.btn .btn_box .btn_bg{width: 357px;height: 94px;position: absolute;bottom: 0;z-index: 9999999;}
.btn .btn_box:nth-child(1) .btn_bg{background: url(http://image.gyyxcdn.cn/upload/wd/hd/p/cqhd/jnh/2026/zh/images/btn01.png) no-repeat;}
.btn .btn_box:nth-child(2) .btn_bg{background: url(http://image.gyyxcdn.cn/upload/wd/hd/p/cqhd/jnh/2026/zh/images/btn02.png) no-repeat;}
.btn .btn_box:nth-child(3) .btn_bg{background: url(http://image.gyyxcdn.cn/upload/wd/hd/p/cqhd/jnh/2026/zh/images/btn03.png) no-repeat;}
.btn .btn_box:hover .btn_bg{background-position: 0px -94px;}
.btn .expect{pointer-events: none;}
.btn .expect::before{content: ' ';position: absolute;width: 103px;height: 23px;background: url(http://image.gyyxcdn.cn/upload/wd/hd/p/cqhd/jnh/2026/zh/images/btn_icon.png) no-repeat;z-index: 99999999;bottom: 0;left: 50%;transform: translateX(-50%);}
.btn .btn_box .btn_list{width: 260px;background: url(http://image.gyyxcdn.cn/upload/wd/hd/p/cqhd/jnh/2026/zh/images/list_bg.png) no-repeat top center;position: absolute;bottom: 50px;left: 52px;overflow: hidden;height: 0;transition: 0.6s;}
.btn .btn_box .btn_list ul{width: 100%;position: absolute;bottom: 0;box-sizing: border-box;padding-bottom: 30px;}
.btn .btn_box .btn_list ul li{width: 100%;height: 30px;background: url(http://image.gyyxcdn.cn/upload/wd/hd/p/cqhd/jnh/2026/zh/images/list_lien.png) no-repeat 50% 100%}
.btn .btn_box .btn_list ul li:last-child{background: none;}

.btn .btn_box:nth-child(3) .btn_list{background-position:0 40px;}

.btn .btn_box:nth-child(1) li a{display: block;width: 215px;height: 30px;margin: 0 auto;background: url(http://image.gyyxcdn.cn/upload/wd/hd/p/cqhd/jnh/2026/zh/images/list_01.png) no-repeat;}
.btn .btn_box:nth-child(1) li:nth-child(1) a{background-position: 37px 5px;}
.btn .btn_box:nth-child(1) li:nth-child(2) a{background-position: 37px -24px;}
.btn .btn_box:nth-child(1) li:nth-child(3) a{background-position: 37px -52px;}
.btn .btn_box:nth-child(1) li:nth-child(1):hover a{background-position: -162px 5px;}
.btn .btn_box:nth-child(1) li:nth-child(2):hover a{background-position: -162px -24px;}
.btn .btn_box:nth-child(1) li:nth-child(3):hover a{background-position: -162px -52px;}
.btn .btn_box:nth-child(2) li a{display: block;width: 215px;height: 30px;margin: 0 auto;background: url(http://image.gyyxcdn.cn/upload/wd/hd/p/cqhd/jnh/2026/zh/images/list_02.png) no-repeat;}
.btn .btn_box:nth-child(2) li:nth-child(1) a{background-position: 12px -22px;}
.btn .btn_box:nth-child(2) li:nth-child(2) a{background-position: 12px 5px;}
.btn .btn_box:nth-child(2) li:nth-child(3) a{background-position: 12px -77px;}
.btn .btn_box:nth-child(2) li:nth-child(4) a{background-position: 12px -49px;}
.btn .btn_box:nth-child(2) li:nth-child(1):hover a{background-position: -295px -22px;}
.btn .btn_box:nth-child(2) li:nth-child(2):hover a{background-position: -295px 5px;}
.btn .btn_box:nth-child(2) li:nth-child(3):hover a{background-position: -295px -77px;}
.btn .btn_box:nth-child(2) li:nth-child(4):hover a{background-position: -295px -49px;}
.btn .btn_box:nth-child(3) li a{display: block;width: 215px;height: 30px;margin: 0 auto;background: url(http://image.gyyxcdn.cn/upload/wd/hd/p/cqhd/jnh/2026/zh/images/list_03.png) no-repeat;}
.btn .btn_box:nth-child(3) li:nth-child(1) a{background-position: 27px 3px;}
.btn .btn_box:nth-child(3) li:nth-child(2) a{background-position: 27px -27px;}
.btn .btn_box:nth-child(3) li:nth-child(3) a{background-position: 27px -57px;}
.btn .btn_box:nth-child(3) li:nth-child(1):hover a{background-position: -250px 3px;}
.btn .btn_box:nth-child(3) li:nth-child(2):hover a{background-position: -250px -27px;}
.btn .btn_box:nth-child(3) li:nth-child(3):hover a{background-position: -250px -57px;}
.btn .btn_box:hover .btn_list{height: 187px;}
.pf{width: 194px;position: absolute;top: 50%;right: 3px;transform: translate(0,-50%);font-size: 0;z-index: 9999999;opacity: 0;}
.pf a{display: block;width: 194px;height: 319px;}
.pf a:nth-child(1){background: url(http://image.gyyxcdn.cn/upload/wd/hd/p/cqhd/jnh/2026/zh/images/pf01.png) no-repeat;}
.pf a:nth-child(2){background: url(http://image.gyyxcdn.cn/upload/wd/hd/p/cqhd/jnh/2026/zh/images/pf02.png) no-repeat;}
.pf a:hover{background-position: -231px 0;}
.pf.on{animation:pf 0.6s 0.3s ease-in-out forwards;}
@keyframes pf{
	0%{
		opacity: 0;
		transform: translate(100px,-50%);
	}
	100%{
		opacity: 1;
		transform: translate(0%,-50%);
	}
}

.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;position: absolute;top: 0;}
video#video01{z-index: 2;}
video#video02{z-index: 1;}


.tc{width: 540px;height: 293px;background: url(http://image.gyyxcdn.cn/upload/wd/hd/p/cqhd/jnh/2026/zh/images/tc02.png) no-repeat;position: absolute;top: 0;left: 0;bottom: 0;right: 0;margin: auto;z-index: 99999999;color: #396935;font-size: 40px;text-align: center;line-height: 320px;font-weight: bold;display: none;}
.tc a{width: 76px;height: 79px;background: url(http://image.gyyxcdn.cn/upload/wd/hd/p/cqhd/jnh/2026/zh/images/tc01.png) no-repeat;position: absolute;left: 50%;transform: translateX(-50%);bottom: -80px;}
.mask{width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: rgba(0,0,0,0.8);z-index: 9999999;display: none;}