@charset "utf-8";
.wrap{background: url(http://image.gyyxcdn.cn/upload/wd/hd/p/cqhd/jnh/2026/pd/images/bg.jpg) no-repeat 50% 0; min-width: 1200px;position: relative; overflow: hidden;height: 1080px; max-width: 1920px; margin: 0 auto;}
.bgBox{width: 1920px; height: 1080px; position: absolute; left: 50%; bottom: 0;margin-left: -960px;/*z-index: 998;*/pointer-events: none;}
.wrap img{width: 100%; height: 100%;}
.maskbg{position: absolute; left: 50%; bottom: 0; width: 1920px; height: 246px;margin-left: -50%;z-index: 9990;}
.maskbg {
    -webkit-mask-image: linear-gradient(to bottom,
    rgba(0, 0, 0, 0) 0%,
    rgba(0, 0, 0, 1) 30%,
    rgba(0, 0, 0, 0.1) 100%
    );
    mask-image: linear-gradient(to bottom,
    rgba(0, 0, 0, 0) 0%,
    rgba(0, 0, 0, 1) 30%,
    rgba(0, 0, 0, 0.1) 100%
    );
}
.role{width: 654px; height: 808px; position: absolute; right: 0; bottom: -50px;transform: translateX(-50px);opacity: 0;animation: walkFromBehind 0.5s 0.2s linear forwards;transform: translate3d(-50px, 0, -50px);}
@keyframes walkFromBehind {
    0% {
        transform: translate3d(-100px, 0, -100px) scale(0.85);
        opacity: 0;
        filter: blur(6px);
    }
    30% {
        transform: translate3d(-50px, 0, -60px) scale(0.9);
        opacity: 0.8;
        filter: blur(3px);
    }
    60% {
        transform: translate3d(-15px, 0, -20px) scale(0.96);
        opacity: 1;
        filter: blur(1px);
    }
    85% {
        transform: translate3d(10px, 0, 0) scale(1.03);
        opacity: 1;
        filter: blur(0);
    }
    100% {
        transform: translate3d(-10px, 0, -50px) scale(1.03);
        opacity: 1;
        filter: blur(0);
    }
}

.mbg{background: url(http://image.gyyxcdn.cn/upload/wd/hd/p/cqhd/jnh/2026/pd/images/mbg.png) no-repeat 50% 100%; width: 1920px; height: 1080px; position: absolute; left: 0; bottom: 0;}
.flowerbg01{width: 288px; height: 409px; position: absolute; left: 0; top: 197px;animation: slideInTopLeft 0.5s ease-out forwards,tiltRightDown 0.5s 1.1s linear forwards;opacity: 0;transform-origin: 0 0;}
@keyframes slideInTopLeft {
    0% {
        opacity: 0;
        scale: 2;
        top: 197px;
        left: -200px;
    }
    100% {
        opacity: 1;
        scale: 1;
        top: 197px;
        left: -20px;
    }
}
@keyframes tiltRightDown {
    0%, 100% {
        transform: rotate(0deg);
    }
    50% {
        transform: rotate(3deg);
    }
}
.flowerbg02{width: 695px; height: 269px; position: absolute; left: -5px; bottom: -5px;animation: slideInBottomLeft 0.5s ease-out forwards;opacity: 0;}
@keyframes slideInBottomLeft {
    0% {
        opacity: 0;
        scale: 2;
        bottom: -150px;
        left: -150px;
    }
    100% {
        opacity: 1;
        scale: 1;
        bottom: -5px;
        left: -5px;
    }
}
.flowerbg03{width: 511px; height: 946px; position: absolute; right: 0; top: 0;animation: slideInTopRight 0.5s ease-out forwards;opacity: 0;}
@keyframes slideInTopRight {
    0% {
        opacity: 0;
        scale: 2;
        top: -150px;
        right: -150px;
    }
    100% {
        opacity: 1;
        scale: 1;
        top: -20px;
        right: -20px;
    }
}
.flowerbg04{width: 784px; height: 191px; position: absolute; right: 0; bottom: 0;animation: slideInBottomRight 0.5s ease-out forwards;opacity: 0;}
@keyframes slideInBottomRight {
    0% {
        opacity: 0;
        scale: 2;
        bottom: -150px;
        right: -150px;
    }
    100% {
        opacity: 1;
        scale: 1;
        bottom: -5px;
        right: -10px;
    }
}
.light{background: url(http://image.gyyxcdn.cn/upload/wd/hd/p/cqhd/jnh/2026/pd/images/light.png) no-repeat 50% 0; width: 1265px; height: 587px; position: absolute; left: 50%; top: -350px;margin-left: -587px;z-index: 9990;}
.lightspot{background: url(http://image.gyyxcdn.cn/upload/wd/hd/p/cqhd/jnh/2026/pd/images/lightspot.png) no-repeat 50% 0; width: 1920px; height: 1080px; position: absolute; left: 0; top: 0;animation: flicker 1.5s linear infinite;}
/* 光点闪烁 */
@keyframes flicker {
    0%{
        filter: brightness(120%);
    }
    25% {
        filter: brightness(100%);
    }
    50% {
        filter: brightness(80%);
    }
    75% {
        filter: brightness(100%);
    }
    100% {
        filter: brightness(120%);
    }
}
.flower01{background: url(http://image.gyyxcdn.cn/upload/wd/hd/p/cqhd/jnh/2026/pd/images/flower01.png) no-repeat 50% 0; width: 70px; height: 47px; position: absolute; left: 799px; bottom: 86px;z-index: 9999;}
.flower02{background: url(http://image.gyyxcdn.cn/upload/wd/hd/p/cqhd/jnh/2026/pd/images/flower02.png) no-repeat 50% 0; width: 92px; height: 43px; position: absolute; left: 1044px; bottom: 24px;z-index: 9999;}
.flower03{background: url(http://image.gyyxcdn.cn/upload/wd/hd/p/cqhd/jnh/2026/pd/images/flower03.png) no-repeat 50% 0; width: 60px; height: 65px; position: absolute; left: 1266px; bottom: 77px;z-index: 9999;}

.box{position: relative; z-index: 999;transition: 1.5s ease-out;height: 910px;overflow: hidden;}

.boxCont{transition: 1.5s ease-out; }
.main{width: 1200px; margin: 0 auto;position: relative;z-index: 99999;}
.logo{position:absolute;top:14px;left:18px;width:110px;height:145px;background:url(http://image.gyyxcdn.cn/upload/pic/logo/wd_logoLight.png) no-repeat;}
.nav{position:absolute;top:14px;right: 54px; width:388px;height:52px;padding: 9px 0 0 0;font-size: 14px; color: #744c50;background:url(http://image.gyyxcdn.cn/upload/wd/hd/p/cqhd/jnh/2026/pd/images/wd_nav_bg.png) no-repeat;box-sizing: border-box; line-height: 30px;z-index:9999999;}
.nav a{color: #551621; margin: 0 11px;}
.nav a:hover{color: #974800;}
.music{z-index:2;position:absolute;top:0;right:0;width:50px;height:52px;background:url(http://image.gyyxcdn.cn/upload/wd/hd/p/cqhd/jnh/2026/pd/images/wd_nav_music.png) no-repeat;cursor:pointer;animation: rotateBack1 5s linear infinite normal;}
.music.pause{background-position:-50px 0;animation: paused;}
@keyframes rotateBack1 {
    0% {
        transform: rotate(0deg)
    }
    100% {
        transform: rotate(-360deg)
    }
}
.menu{position: absolute; top: 148px; right: 47px; color: #fff;width: 96px; z-index: 9990;}
.menuList{position: relative;text-align: right;}
.menuList li{line-height: 30px;font-size: 14px;}
.menuList li a{display: block;  position: relative; height: 30px;color: #fff; padding-right: 34px; text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.7);}
.menuList li i,.menuList li .child i{display: block; z-index: 990; position: absolute;right: 0; top:2px; width: 25px;height: 26px; background: url(http://image.gyyxcdn.cn/upload/wd/hd/p/cqhd/jnh/2026/pd/images/menulist_icon.png) no-repeat 0 0; overflow:hidden;}
.menuList li .child li i{background-position: -50px 0;}
.menuList li.on>a i,.menuList li a:hover i{background-position: -25px 0;}
.menuList li .child{height: 660px;overflow:hidden; position: relative;}
.menuList li .child::after{position: absolute;left: 83px;top: 23px;content: "";width: 1px;border-left: 1px dotted #789597;height: 92%;}
.easeM{transition: all 0.5s ease 0s;}
.childList{position: relative;}
.childList .child div{height: 0;}
.menuList>li>.child>li.on i,.menuList>li>.child>li a:hover i{background-position: -75px 0;}
.menuList>li.on>i,.menuList a:hover i{background-position: 0 0;}
.cont{position: relative; color: #1c4369;line-height: 26px;-webkit-transition: all 1.5s ease-out 0s;transition: 1.5s ease-out;margin: 0 245px 0 240px; position: relative;z-index: 99999;}
.co{ min-height: 617px;padding-bottom: 50px;box-sizing: border-box;position: relative;}
.cont01{height: 980px; position: relative;}
.ad{position: absolute;top: 0;left: 122px;width: 466px;height: 887px;}
.mask-rect {animation: maskReveal 0.5s 0.2s linear forwards;}
/*遮罩消失*/
@keyframes maskReveal {
    0% { height: 0; }
    100% { height: 887px; }
}
.flower{background: url(http://image.gyyxcdn.cn/upload/wd/hd/p/cqhd/jnh/2026/pd/images/flower.png) no-repeat 50% 0; width: 855px; height: 930px; position: absolute; left: -122px; top: 0;}
.butterfly{background: url(http://image.gyyxcdn.cn/upload/wd/hd/p/cqhd/jnh/2026/pd/images/butterfly.png) no-repeat 50% 0; width: 63px; height: 59px; position: absolute; left: 550px; top: 374px; animation: hudie01 2s linear infinite alternate;}
@keyframes hudie01{
	0%{
		top: 374px;
	}
	25%{
		top: 384px;
		scale: 1 0.85;
	}
	50%{
		top: 374px;
	}
	100%{
		top: 384px;
		scale: 1 0.85;
	}
}

.bird01{background: url(http://image.gyyxcdn.cn/upload/wd/hd/p/cqhd/jnh/2026/pd/images/bird01.png) no-repeat 50% 0; width: 103px; height: 177px; position: absolute; left: 85px; top: 194px;}
.bird02{background: url(http://image.gyyxcdn.cn/upload/wd/hd/p/cqhd/jnh/2026/pd/images/bird02.png) no-repeat 50% 0; width: 150px; height: 128px; position: absolute; left: 479px; top: 620px;}
.down{display: block;width: 148px; height: 133px;position: absolute;left: 50%;bottom: 24px; margin-left: -74px; background: url(http://image.gyyxcdn.cn/upload/wd/hd/p/cqhd/jnh/2026/pd/images/mouse.png); animation: shakearrow 1s 0s linear infinite normal;z-index: 9999;}
@keyframes shakearrow {
    0% {
        bottom:24px;
    }
    50% {
        bottom:34px;
    }
    100% {
        bottom:24px;
    }
}

.cont::after{position: absolute;left: 10px;top:calc( 980px + 34px);content: "";width: 1px;border-left: 1px dotted #cbcbdd;height: calc(100% - 980px - 34px - 977px - 50px - 54px);}
.tit{margin-left: 8px;background: url(http://image.gyyxcdn.cn/upload/wd/hd/p/cqhd/jnh/2026/pd/images/wd_tit.png) no-repeat; height: 68px; line-height: 70px;color: #fffefe;font-size: 20px;text-align: center; font-family: 'SimSun', 'STSong', 'Songti SC', '宋体', sans-serif; width: 248px; background-size: 100% 100%;}
.tit.tit01{background: url(http://image.gyyxcdn.cn/upload/wd/hd/p/cqhd/jnh/2026/pd/images/wd_tit01.png) no-repeat;width: 385px;}
.contTxt{font-size: 16px;line-height: 26px;color: #1c4369; padding-left: 41px; margin-top: 17px;position: relative;}
.contTxt h4{color: #0166c8;font-size: 20px;position: relative;margin-bottom: 2px;}
.contTxt h4::after{display: block; content: ""; position: absolute; left: -43px; top: 2px; width: 24px; height: 24px;background: url(http://image.gyyxcdn.cn/upload/wd/hd/p/cqhd/jnh/2026/pd/images/wd_icon.png) no-repeat;}
.last{padding-bottom: 0;height: 977px;}
.last .ad{width: 511px;height: 792px;left: 76px;}
.last .butterfly{top: 318px;animation: hudie02 2s linear infinite alternate;}
@keyframes hudie02{
	0%{
		top: 318px;
	}
	25%{
		top: 328px;
		scale: 1 0.85;
	}
	50%{
		top: 318px;
	}
	100%{
		top: 328px;
		scale: 1 0.85;
	}
}
.btn02{width:100%; margin: 0 auto;text-align: center; font-size: 0;position: absolute;bottom: 30px;}
.btn02 a{display: inline-block;margin: 0 15px;width: 144px; height: 141px;background: url(http://image.gyyxcdn.cn/upload/wd/hd/p/cqhd/jnh/2026/pd/images/btn.png) no-repeat;}
.btn02 a:nth-child(2){background-position: -144px 0;}
.btn02 a:nth-child(3){background-position: -288px 0;}
.btn02 a:hover{background-position: 0 -141px;}
.btn02 a:hover:nth-child(2){background-position: -144px -141px;}
.btn02 a:hover:nth-child(3){background-position: -288px -141px;}
.btn02 a:hover{transform: scale(1.05); transition: transform 0.3s ease-in-out;}

.co .img{position: absolute;}
.co .bg{height: 250px;}
.co .bg .txt{width: 270px;position: absolute;z-index: 1;top: 50px;}
.co .bg .img{right: 0px;top: -20px;}

.cont04{background: url(http://image.gyyxcdn.cn/upload/wd/hd/p/cqhd/jnh/2026/pd/images/3.png) no-repeat 50% 10%;}
.cont04 .bg{margin-top: 150px;}
.cont05{ background: url(http://image.gyyxcdn.cn/upload/wd/hd/p/cqhd/jnh/2026/pd/images/5.png) no-repeat 50% 50%;}
.cont06 .bg:nth-child(3){margin-top: 110px;}
.cont08{ background: url(http://image.gyyxcdn.cn/upload/wd/hd/p/cqhd/jnh/2026/pd/images/10.png) no-repeat 50% 80%;}
.cont09{ background: url(http://image.gyyxcdn.cn/upload/wd/hd/p/cqhd/jnh/2026/pd/images/11.png) no-repeat 50% 100%;}
.cont13{ background: url(http://image.gyyxcdn.cn/upload/wd/hd/p/cqhd/jnh/2026/pd/images/17.png) no-repeat 50% 50%;}
.cont23{padding-bottom: 100px;}

/* 漂浮 */
.pf{width: 130px;height: 284px;background:url(http://image.gyyxcdn.cn/upload/wd/hd/p/cqhd/jnh/2026/pd/images/pf.png) no-repeat 0 0;z-index: 99999;position: fixed;top: 210px;left: 54px;animation: fadeInTop 1.5s 0.5s ease-out forwards,flicker 2s linear infinite;opacity: 0;}
.pf a{display:block;width: 130px;height: 284px;text-indent: -9999px;overflow: hidden;}
.pf:hover{background:url(http://image.gyyxcdn.cn/upload/wd/hd/p/cqhd/jnh/2026/pd/images/pf.png) no-repeat -130px 0;animation-play-state: paused;}
@keyframes flicker {
    0%{
        filter: brightness(110%);
    }
    25% {
        filter: brightness(100%);
    }
    50% {
        filter: brightness(90%);
    }
    75% {
        filter: brightness(100%);
    }
    100% {
        filter: brightness(110%);
    }
}

@keyframes fadeInTop{
    0% {
        opacity: 0;
        transform: translate3d(0,-100%,0);
    }
    50% {
        opacity: 1;
        transform: translateY(10px);
        animation-timing-function: cubic-bezier(0.8, 2, 0.9, 1);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}