.wrap{background: url(http://image.gyyxcdn.cn/upload/wd/hd/p/cqhd/jnh/2021/pd/images/wd210329_bg01.jpg) no-repeat 50% 0; min-width: 1200px;height: 1000px; position: relative; overflow: hidden;}
.main{width: 1200px; margin: 0 auto; position: relative; height: 1000px;*z-index: 999;}
.logo{z-index:10;position:absolute;width:110px;height:145px;top: 30px;left: 0px;background:url(http://image.gyyxcdn.cn/upload/pic/logo/wd_logoLight.png) no-repeat;z-index: 9999;}
.logobg{z-index:9;position:absolute;top:0px;left: -223px;width:469px;height:301px;background:url(http://image.gyyxcdn.cn/upload/wd/hd/p/cqhd/jnh/2021/pd/images/wd210329_bailogo.png) no-repeat;}
.nav{z-index:10;position:absolute;top:29px;right:0;width:398px;height:39px;padding: 18px 0 0 0;font-size: 14px; color: #277c91;background:url(http://image.gyyxcdn.cn/upload/wd/hd/p/cqhd/jnh/2021/pd/images/wd210329_nav.png) no-repeat;z-index: 9999;}
.nav a{color: #277c91; margin: 0 12px;}
.nav a:hover{color: #1b9ebf;}
.music{z-index:2;position:absolute;top:1px;right:2px;width:54px;height:54px;background:url(http://image.gyyxcdn.cn/upload/wd/hd/p/cqhd/jnh/2021/pd/images/wd210329_music.png) no-repeat;cursor:pointer;}
.music.pause{background-position:-54px 0;}
.bird{position:absolute;top:220px;left:378px;width:442px;height:440px;background:url(http://image.gyyxcdn.cn/upload/wd/hd/p/cqhd/jnh/2021/pd/images/wd210329_circle03.png) no-repeat;}
.slogn{width: 303px; height: 562px; position: absolute;left: 462px; top: 197px;}
.btn{position: absolute; left:530px; bottom:0px; width: 141px; height: 199px;z-index: 999; }
.btn a{display: block; background:url(http://image.gyyxcdn.cn/upload/wd/hd/p/cqhd/jnh/2021/pd/images/wd210329_btn.png) no-repeat;height: 199px;}
.btn a:hover{background-position:-141px 0;}
.circle01{position:absolute;top:0px;left:50%;margin-left:-933px;background: url(http://image.gyyxcdn.cn/upload/wd/hd/p/cqhd/jnh/2021/pd/images/wd210329_circle01.png) no-repeat; width:1866px; height: 998px; z-index:99;}
.circle02{position:absolute;top:0px;left:50px;left:50%;margin-left:-893px;background: url(http://image.gyyxcdn.cn/upload/wd/hd/p/cqhd/jnh/2021/pd/images/wd210329_circle02.png) no-repeat; width: 1786px;height:1000px; z-index: 99;}
.wrapBgBox{z-index:2;position: absolute; left: 50%; top: 0; margin-left: -960px;width: 1920px;height: 1000px;}
.wrapBg{height: 1040px; overflow: hidden;}
.wrapBg div{position: absolute;}


.wrapBg div.wrapbg01{top:0px;right:0;width:100%;height:100%;}
.wrapBg div.wrapbg02{top:-65px;left:-55px;width:1055px;height:1109px;z-index: 9;}
.wrapBg div.wrapbg03{top:320px;left:265px;width:287px;height:535px;z-index: 8;}
.wrapBg div.wrapbg04{top:140px;left:298px;width:348px;height:702px;z-index: 7;}
.wrapBg div.wrapbg05{top:670px;left:590px;width:260px;height:288px;z-index: 7;}
.wrapBg div.wrapbg06{top:0px;left:718px;width:505px;height:68px;z-index: 7;}
.wrapBg div.wrapbg07{bottom:0px;left:922px;width:276px;height:96px;z-index: 7;}
.wrapBg div.wrapbg08{top:350px;right:673px;width:142px;height:127px;z-index: 7;}
.wrapBg div.wrapbg09{top:-20px;right:-160px;width:960px;height:1072px;z-index: 9;}
.wrapBg div.wrapbg10{top:15px;right:240px;width:489px;height:565px;z-index: 8;}
.wrapBg div.wrapbg11{top:85px;right:471px;width:225px;height:220px;z-index: 7;}
.wrapBg div.wrapbg12{top:299px;right:360px;width:285px;height:511px;z-index: 7;}
.wrapBg div.wrapbg13{top:650px;right:560px;width:105px;height:75px;z-index: 8;}


.wrapBg .wrap_bg div{width: 100%;height: 100%;}
.wrapBg div.wrapbg01 div{background: url(http://image.gyyxcdn.cn/upload/wd/hd/p/cqhd/jnh/2021/pd/images/wd210329_bai.png) no-repeat 0;}
.wrapBg div.wrapbg02 div{background: url(http://image.gyyxcdn.cn/upload/wd/hd/p/cqhd/jnh/2021/pd/images/wd210329_zuo.png) no-repeat 0;}
.wrapBg div.wrapbg03 div{background: url(http://image.gyyxcdn.cn/upload/wd/hd/p/cqhd/jnh/2021/pd/images/wd210329_shanzuo.png) no-repeat 0;}
.wrapBg div.wrapbg04 div{background: url(http://image.gyyxcdn.cn/upload/wd/hd/p/cqhd/jnh/2021/pd/images/wd210329_dashanzuo.png) no-repeat 0;}
.wrapBg div.wrapbg05 div{background: url(http://image.gyyxcdn.cn/upload/wd/hd/p/cqhd/jnh/2021/pd/images/wd210329_xiaoshanzuo.png) no-repeat 0;}
.wrapBg div.wrapbg06 div{background: url(http://image.gyyxcdn.cn/upload/wd/hd/p/cqhd/jnh/2021/pd/images/wd210329_bg01.png) no-repeat 0;}
.wrapBg div.wrapbg07 div{background: url(http://image.gyyxcdn.cn/upload/wd/hd/p/cqhd/jnh/2021/pd/images/wd210329_taohuashanyou.png) no-repeat 0;}
.wrapBg div.wrapbg08 div{background: url(http://image.gyyxcdn.cn/upload/wd/hd/p/cqhd/jnh/2021/pd/images/wd210329_renyou.png) no-repeat 0;}
.wrapBg div.wrapbg09 div{background: url(http://image.gyyxcdn.cn/upload/wd/hd/p/cqhd/jnh/2021/pd/images/wd210329_you.png) no-repeat 0;}
.wrapBg div.wrapbg10 div{background: url(http://image.gyyxcdn.cn/upload/wd/hd/p/cqhd/jnh/2021/pd/images/wd210329_xiaoyou.png) no-repeat 0;}
.wrapBg div.wrapbg11 div{background: url(http://image.gyyxcdn.cn/upload/wd/hd/p/cqhd/jnh/2021/pd/images/wd210329_xiaoyou_x.png) no-repeat 0;}
.wrapBg div.wrapbg12 div{background: url(http://image.gyyxcdn.cn/upload/wd/hd/p/cqhd/jnh/2021/pd/images/wd210329_xiaoyouting.png) no-repeat 0;}
.wrapBg div.wrapbg13 div{background: url(http://image.gyyxcdn.cn/upload/wd/hd/p/cqhd/jnh/2021/pd/images/wd210329_youxiaopiaofu.png) no-repeat 0;}


.wrapBgBird{position: absolute;z-index: 7;}
.lBird{background: url(http://image.gyyxcdn.cn/upload/wd/hd/p/cqhd/jnh/2021/pd/images/wd210329_birdL.png) no-repeat; width: 303px; height: 171px; left: 118px; bottom: 145px;}
.rBird{background: url(http://image.gyyxcdn.cn/upload/wd/hd/p/cqhd/jnh/2021/pd/images/wd210329_birdR.png) no-repeat; width: 199px; height: 113px; top: 79px; right: 322px;}
/*detail*/
.dWrap{background: url(http://image.gyyxcdn.cn/upload/wd/hd/p/cqhd/jnh/2021/pd/images/wd210329_dbg.jpg) no-repeat 50% 0; min-width: 1200px; height: 1000px; overflow: hidden; position: relative;}
.dcont{position: absolute; left: 0; top: 0;margin-left:10px; width: 1181px;}
.dslogn{text-align: center;padding: 64px 0 0px;}
.dList{background: url(http://image.gyyxcdn.cn/upload/wd/hd/p/cqhd/jnh/2021/pd/images/wd210329_dbg01.png) repeat-y 50% 0;}
.dList li{position:relative;height:274px;padding-top:70px;padding-bottom:30px;}
.dList li div{float: left;}
.dList li div.dtxt{width: 577px;padding-right: 1px;color: #2c4c63;line-height: 24px;}
.dList li div.dtxt img{padding:40px 0 22px;}
.dList li div.dtxt p{width: 460px;}
.dList li div.dleft{text-align: right;}
.dList li div.dleft p{padding-right: 114px;float: right;}
.dList li div.dright{text-align: left;}
.dList li div.dright p{padding-left: 122px;}
.dList li div.dimg{width: 540px;}
.dList li div.pl50{padding-left: 50px;}
.dList li div.pr50{padding-right: 50px;}
.dmore{width: 182px; height: 163px; padding-left:499px; padding-bottom: 30px;}
.dmore a{display: block;height: 163px; background: url(http://image.gyyxcdn.cn/upload/wd/hd/p/cqhd/jnh/2021/pd/images/wd210329_dbtn.png) no-repeat;}
.ddot{width: 27px; height: 27px; display: block; position: absolute; left: 577px; top:167px; background:url(http://image.gyyxcdn.cn/upload/wd/hd/p/cqhd/jnh/2021/pd/images/wd210329_ddot02.png) no-repeat;}
.ddot01{display: block;width: 13px; height: 13px; background: url(http://image.gyyxcdn.cn/upload/wd/hd/p/cqhd/jnh/2021/pd/images/wd210329_ddot01.png) no-repeat;margin-left: 584px;}
.red{color:#f00;}
.dmenu{position:absolute;top:178px;right:0px;width:37px;height:625px;background:url(http://image.gyyxcdn.cn/upload/wd/hd/p/cqhd/jnh/2021/pd/images/wd210329_menubg.png) no-repeat;padding:19px 0 0 14px;}
.dmenu a{display:block;width:26px;height:26px;background:url(http://image.gyyxcdn.cn/upload/wd/hd/p/cqhd/jnh/2021/pd/images/wd210329_menu.png) no-repeat;margin-bottom:22px;text-indent:-999px;overflow:hidden;}
.dmenu a.a00{background-position:0 0;}
.dmenu a.a01{background-position:0 -48px;}
.dmenu a.a02{background-position:0 -96px;}
.dmenu a.a03{background-position:0 -145px;}
.dmenu a.a04{background-position:0 -193px;}
.dmenu a.a05{background-position:0 -241px;}
.dmenu a.a06{background-position:0 -289px;}
.dmenu a.a07{background-position:0 -337px;}
.dmenu a.a08{background-position:0 -385px;}
.dmenu a.a09{background-position:0 -434px;}
.dmenu a.a10{background-position:0 -482px;}
.dmenu a.a11{background-position:0 -530px;}
.dmenu a.a12{background-position:0 -578px;}
.dmenu a.a00.on,.dmenu a.a00:hover{background-position:-26px 0;}
.dmenu a.a01.on,.dmenu a.a01:hover{background-position:-26px -48px;}
.dmenu a.a02.on,.dmenu a.a02:hover{background-position:-26px -96px;}
.dmenu a.a03.on,.dmenu a.a03:hover{background-position:-26px -145px;}
.dmenu a.a04.on,.dmenu a.a04:hover{background-position:-26px -193px;}
.dmenu a.a05.on,.dmenu a.a05:hover{background-position:-26px -241px;}
.dmenu a.a06.on,.dmenu a.a06:hover{background-position:-26px -289px;}
.dmenu a.a07.on,.dmenu a.a07:hover{background-position:-26px -337px;}
.dmenu a.a08.on,.dmenu a.a08:hover{background-position:-26px -385px;}
.dmenu a.a09.on,.dmenu a.a09:hover{background-position:-26px -434px;}
.dmenu a.a10.on,.dmenu a.a10:hover{background-position:-26px -482px;}
.dmenu a.a11.on,.dmenu a.a11:hover{background-position:-26px -530px;}
.dmenu a.a12.on,.dmenu a.a12:hover{background-position:-26px -578px;}

/*index 动画*/
.bird{-webkit-animation: rotateBack1 20s linear infinite normal;
animation: rotateBack1 20s linear infinite normal;}
.slogn{-webkit-animation: scale1 .4s ease-in 0.4s both;animation: scale1 .4s ease-in 0.4s both;}
.btn{-webkit-animation:bounce 2s 0s linear infinite both;
	-moz-animation:bounce 2s 0s linear infinite both;
	-o-animation:bounce 2s 0s linear infinite both;
    animation:bounce 2s 0s linear infinite both;}
.dcont{transition: 2s;-o-transition: 2s;-moz-transition: 2s;-webkit-transition: 2s;}
.circle01{-webkit-animation: rotateBack3 5s linear infinite normal;
animation: rotateBack3 5s linear infinite alternate;}
.circle02{-webkit-animation: rotateBack4 5s linear infinite normal;
animation: rotateBack4 5s linear infinite alternate;}

/*鸟旋转*/
@-webkit-keyframes rotateBack1 {
    0% {
        -webkit-transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(-360deg);
    }
}
@-moz-keyframes rotateBack1 {
    0% {
        -moz-transform: rotate(0deg);
    }
    100% {
        -moz-transform: rotate(-360deg);
    }
}
@keyframes rotateBack1 {
    0% {
        transform: rotate(0deg)
    }
    100% {
        transform: rotate(-360deg)
    }
}
@-webkit-keyframes rotateBack2 {
    0% {
        -webkit-transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
    }
}
@-moz-keyframes rotateBack2 {
    0% {
        -moz-transform: rotate(0deg);
    }
    100% {
        -moz-transform: rotate(360deg);
    }
}
@keyframes rotateBack2 {
    0% {
        transform: rotate(0deg)
    }
    100% {
        transform: rotate(360deg)
    }
}
@-webkit-keyframes rotateBack2 {
    0% {
        -webkit-transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
    }
}
@-moz-keyframes rotateBack3 {
    0% {
        -moz-transform: rotate(0deg);
    }
    100% {
        -moz-transform: rotate(10deg);
    }
}
@keyframes rotateBack3 {
    0% {
        transform: rotate(0deg)
    }
    100% {
        transform: rotate(10deg)
    }
}
@-moz-keyframes rotateBack4 {
    0% {
        -moz-transform: rotate(0deg);
    }
    100% {
        -moz-transform: rotate(-10deg);
    }
}
@keyframes rotateBack4 {
    0% {
        transform: rotate(0deg)
    }
    100% {
        transform: rotate(-10deg)
    }
}
/*云直线动*/
@-webkit-keyframes moveLine {
	from {
		left: -600px;
	}
	to { 
		left: 1000px;
	}
}
 @keyframes moveLine {
	from {
		left: -600px;
	}
	to { 
		left:1000px;
	}
}
/*slogn*/
@-webkit-keyframes scale1{
	0%{opacity:0;-webkit-transform:scale(10,10);}
	80%{-webkit-transform:scale(.9,.9);}
	100%{opacity:1;-webkit-transform:scale(1,1);}
}
@keyframes scale1{
	0%{opacity:0;transform:scale(10,10);}
	80%{transform:scale(.9,.9);}
	100%{opacity:1;transform:scale(1,1);}
}
/*向下按钮*/
@-webkit-keyframes bounce{
	0%,50%,100%{-webkit-transform:translateY(0);}
	25%,75%{-webkit-transform:translateY(-6px);}
}
@-moz-keyframes bounce{
	0%,50%,100%{-moz-transform:translateY(0);}
	25%,75%{-moz-transform:translateY(-6px);}
}
@-o-keyframes bounce{
  0%,50%,100%{-o-transform:translateY(0);}
  25%,75%{-o-transform:translateY(-6px);}
}
@keyframes bounce{
  0%,50%,100%{transform:translateY(0);}
	25%,75%{transform:translateY(-6px);}
}
/*左右进*/
@-webkit-keyframes fadeInLeft {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0)
	}
	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

@keyframes fadeInLeft {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(-100%, 0, 0);
		-ms-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0)
	}
	100% {
		opacity: 1;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none
	}
}
@-webkit-keyframes fadeInRight {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0)
	}
	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

@keyframes fadeInRight {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(100%, 0, 0);
		-ms-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0)
	}
	100% {
		opacity: 1;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none
	}
}
.wrapBg div.wrapbg02{-webkit-animation: fadeInRight 1s 0s forwards;animation: fadeInLeft 1s 0s forwards;}
.wrapBg div.wrapbg03{-webkit-animation: fadeInLeft 1s 0s forwards;animation: fadeInLeft 1s 0s forwards;}
.wrapBg div.wrapbg04{-webkit-animation: fadeInRight .6s 0s forwards;animation: fadeInLeft .6s 0s forwards;}
.wrapBg div.wrapbg05{-webkit-animation: fadeInLeft 1s 0s forwards;animation: fadeInLeft 1s 0s forwards;}
.wrapBg div.wrapbg06{-webkit-animation: fadeInRight 1s 0s forwards;animation: fadeInLeft 1s 0s forwards;}
.wrapBg div.wrapbg07{-webkit-animation: fadeInLeft 1s 0s forwards;animation: fadeInRight 1s 0s forwards;}
.wrapBg div.wrapbg08{-webkit-animation: fadeInRight 1s 0s forwards;animation: fadeInRight 1s 0s forwards;}
.wrapBg div.wrapbg09{-webkit-animation: fadeInLeft 1s 0s forwards;animation: fadeInRight 1s 0s forwards;}
.wrapBg div.wrapbg10{-webkit-animation: fadeInLeft .8s 0s forwards;animation: fadeInRight .8s 0s forwards;}
.wrapBg div.wrapbg11{-webkit-animation: fadeInLeft .5s 0s forwards;animation: fadeInRight .5s 0s forwards;}
.wrapBg div.wrapbg12{-webkit-animation: fadeInLeft .8s 0s forwards;animation: fadeInRight .8s 0s forwards;}
.wrapBg div.wrapbg13{-webkit-animation: fadeInLeft 1s 0s forwards;animation: fadeInRight 1s 0s forwards;}
.er_top{position: absolute;width: 100%;height: 145px;background: url(http://image.gyyxcdn.cn/upload/wd/hd/p/cqhd/jnh/2021/pd/images/erj_top.png);z-index: 999;top: 0;left: 0;}
.er_btm{position: absolute;width: 100%;height: 145px;background: url(http://image.gyyxcdn.cn/upload/wd/hd/p/cqhd/jnh/2021/pd/images/erj_btm.png);z-index: 999;left: 0;bottom: -14px;}