html,body{width: 100%;}
.wrap{position:relative;max-width: 1920px;min-width:1200px;height:1080px;margin:0 auto;overflow:hidden;}
.logo{z-index: 999;position:absolute;top:20px;left:50%;margin-left:-556px;width:150px;height:166px;background: url(http://image.gyyxcdn.cn/upload/wdhw/hd/p/2026/jnh/zt/images/logo.png) no-repeat;border:none;}
.nav{z-index: 999;position:absolute;top:45px;left:50%;margin-left:138px;width:462px;height:28px;background:url(http://image.gyyxcdn.cn/upload/wd/hd/p/cqhd/jnh/2022/zt/images/wd220310_nav.png) no-repeat;color:#164272;line-height:26px;text-align:center;}
.nav a{font-size:14px;color:#164272;margin:0 12px;}
.nav a:hover{color:#ce2118;}


.swiper-container{width: 100%;height:100%;}
.swiper-container .swiper-slide{width: 100%;}
.tc{position: absolute;right: 0;left: 0;top: 0;bottom: 0;margin: auto;z-index: 99999;}
.mask{position: absolute;right: 0;left: 0;top: 0;bottom: 0;margin: auto;width: 100%;height: 100%;background: rgba(0,0,0,.8);display: none;z-index: 9998;}
.role01{width: 116px;height: 105px;background: url(http://image.gyyxcdn.cn/upload/wdhw/hd/p/2026/jnh/zt/images/role01.png) no-repeat;position: absolute;top: 450px;left: 20px;opacity: 0;}
.h{width: 384px;height: 245px;background: url(http://image.gyyxcdn.cn/upload/wdhw/hd/p/2026/jnh/zt/images/h.png) no-repeat;position: absolute;bottom: 200px;left: -260px;z-index: 999999;}
.role02{width: 889px;height: 569px;background: url(http://image.gyyxcdn.cn/upload/wdhw/hd/p/2026/jnh/zt/images/role02.png) no-repeat;position: absolute;top: 450px;left: -147px;opacity: 0;}

.bg{width: 100%;height: 1080px;position:absolute;top: 0;left: 0;background:url(http://image.gyyxcdn.cn/upload/wd/hd/p/cqhd/jnh/2022/zt/images/bg.jpg) no-repeat 50% 0;z-index: 0;}
.shu{width: 100%;height: 334px;position:absolute;top: 0;left: 0;background:url(http://image.gyyxcdn.cn/upload/wd/hd/p/cqhd/jnh/2022/zt/images/shu.png) no-repeat 50% 0;z-index: 3;}
.tz{width: 1227px;height: 191px;position:absolute;bottom: 90px;left: 50%;margin-left: -614px;background: url(http://image.gyyxcdn.cn/upload/wd/hd/p/cqhd/jnh/2022/zt/images/tz.png) no-repeat 50% 0;}
.btm_b01{pointer-events: none;z-index: 7;width: 100%;height: 969px; background: url(http://image.gyyxcdn.cn/upload/wd/hd/p/cqhd/jnh/2022/zt/images/wd220310_y01.png);position: absolute; left: 0px;bottom: -500px;animation: animatedBackground01 30s linear infinite;}
.btm_b02{pointer-events: none;z-index: 11;width: 100%;height: 491px; background: url(http://image.gyyxcdn.cn/upload/wd/hd/p/cqhd/jnh/2022/zt/images/wd220310_btm_b.png); position: absolute; left: 0px;bottom: -280px;animation: animatedBackground02 60s linear infinite;}
.btm_b03{pointer-events: none;z-index: 6;width: 100%; height: 400px;background: url(http://image.gyyxcdn.cn/upload/wd/hd/p/cqhd/jnh/2022/zt/images/wd220310_btm_b2.png); position: absolute;left: 0px;bottom: 0px;animation: animatedBackground03 80s linear infinite;}
.btm_b04{pointer-events: none;z-index: 5;width: 100%; height: 173px;background: url(http://image.gyyxcdn.cn/upload/wd/hd/p/cqhd/jnh/2022/zt/images/wd220310_btm_b04_1.png); position: absolute;left: 0px;bottom: -10px;animation: animatedBackground04 60s linear infinite;}

.content{position:absolute;top: 0;left: 0;width:100%;height:1080px;overflow:hidden;z-index: 0;}
.box{height:1080px;width:100%;overflow:hidden;position: absolute;top: -100%;}
.main{position:relative;width:1200px;height:1080px;margin:0 auto;}
.zindex{z-index: 99;}

.box01{top: 0;}
.slogan01{position:absolute;top:175px;left:180px;width:291px;height:659px;z-index: 1;}
.people01{position:absolute;bottom:0px;left:380px;width:832px;height:973px;}


/* 第二屏 */
.box02_per{position:absolute;bottom:40px;right:10px;width:659px;height:1046px;}
.slogan02{position:absolute;top:212px;left:0px;width:620px;height:259px;}
.btn02{position:absolute;top:518px;left:140px;}
.btn02 a{float:left;width:333px;height:183px;background:url(http://image.gyyxcdn.cn/upload/wdhw/hd/p/2026/jnh/zt/images/btn02.png) no-repeat;text-indent:-999px;overflow:hidden;}
.btn02 a.a01{background-position:0 0;}
.btn02 a.a01:hover{background-position:0 -183px;}


/*第三屏*/
.slogan03{position:absolute;top:122px;left:242px;width:669px;height:257px;}
.btn03{position:absolute;top:408px;left:191px;width: 789px;}
.btn03 a{float:left;width:151px;height:170px; margin:0 49px 20px 0;background:url(http://image.gyyxcdn.cn/upload/wd/hd/p/cqhd/jnh/2022/zt/images/btn03.png) no-repeat;text-indent:-999px;overflow:hidden;  position: relative;transition: all .5s ease-out;}
.btn03 a:hover{background: url(http://image.gyyxcdn.cn/upload/wd/hd/p/cqhd/jnh/2022/zt/images/btn03_on.png) no-repeat;}
.btn03 a.a01{background-position:0 0;width: 213px; height: 168px; margin-right: 18px;}
.btn03 a.a02{background-position:-231px 0;}
.btn03 a.a03{background-position:-431px 0;}
.btn03 a.a04{background-position:-631px 0;width: 158px;margin-right: 0;}
.btn03 a.a05{background-position:-32px -200px;margin-left: 30px;}
.btn03 a.a06{background-position:-231px -200px;}
.btn03 a.a07{background-position:-431px -200px;}
.btn03 a.a08{background-position:-631px -200px;margin-right: 0;}

/* 04老兵回归 */
.box04_peo{position: absolute;top: 0;left: 545px;}
.slogan04{position:absolute;top:212px;left:0;width:615px;height:259px;}
.btn04{position:absolute;top:490px;left:141px;}
.btn04 a.a01{float:left;width:318px;height:274px;background:url(http://image.gyyxcdn.cn/upload/wd/hd/p/cqhd/jnh/2022/zt/images/btn04.png) no-repeat;text-indent:-999px;overflow:hidden;}

/*lihuan add by 2022-3-10*/
.slogan05{position:absolute;top:148px;left:210px;width:820px;height:196px;}
.box05_per01 { position:absolute;top:230px;left:-220px;}
.box05_per02 { position:absolute;top:319px;right:-90px;}
.box05_leaf { width: 1920px;height: 877px;position:absolute;bottom:0;left:50%;margin-left: -960px;}
.box05_cloud { width: 1920px;height: 173px;position:absolute;bottom:0;left:50%;margin-left: -960px;}
.btn05{position:absolute;top:484px;left:420px;}
.btn05 a.a01{display:block;width:318px;height:274px;background:url(http://image.gyyxcdn.cn/upload/wd/hd/p/cqhd/jnh/2022/zt/images/btn05.png) no-repeat;text-indent:-999px;overflow:hidden;}

/*滚动浏览按钮*/
.arrow{position:absolute;top:930px;left:50%;margin-left:-65px;display:block;width:131px;height:108px;background:url(http://image.gyyxcdn.cn/upload/wd/hd/p/cqhd/jnh/2022/zt/images/wd220310_arrow.png) no-repeat;text-indent:-999px;overflow:hidden;z-index: 999;}

/*切换按钮*/
.slide{position:absolute;top:288px;right:26px;width:13px;height:258px;background:url(http://image.gyyxcdn.cn/upload/wd/hd/p/cqhd/jnh/2022/zt/images/wd220310_nav_line.png) no-repeat 6px 26px;z-index: 999;overflow: hidden;}
.slide ul{width:160px;margin-left: -147px;}
.slide li{width:160px;height: 34px;margin-bottom: 22px;background: url(http://image.gyyxcdn.cn/upload/wd/hd/p/cqhd/jnh/2022/zt/images/wd220310_nav_btn.png) no-repeat;cursor: pointer;}
.slide li a{display:block;width:135px;height:34px;color: #ffffff;line-height: 34px;text-align: center;font-size: 16px;}
.slide li:hover,.slide li.on{background-position:0px -34px;}
.slide:hover{overflow: visible;}

/*弹层*/
.tc{display:none;position:absolute;width:1149px;height:831px;background:url(http://image.gyyxcdn.cn/upload/wd/hd/p/cqhd/jnh/2022/zt/images/tc.png) no-repeat;z-index:9999;}
.tc .close{position:absolute;top:-25px;right:90px;display:block;width:92px;height:94px; text-indent:-999px;overflow:hidden;background:url(http://image.gyyxcdn.cn/upload/wd/hd/p/cqhd/jnh/2022/zt/images/tc_close.png) no-repeat;-webkit-transition:all .8s ease-out;transition:all .8s ease-out;}
.tc .close:hover{-webkit-transform:rotate(360deg);transform:rotate(360deg);}
.tc_box{padding:66px 220px 252px 46px;overflow:hidden;}
.tc_tab{margin-bottom:10px;overflow:hidden;}
.tc_tab li{float:left;width:142px;height:45px;margin:0 5px 7px 0;}
.tc_tab li a{display:block;width:100%;height:100%;background:url(http://image.gyyxcdn.cn/upload/wd/hd/p/cqhd/jnh/2022/zt/images/tc_tab.png) no-repeat;color: #ffffff;font-size:16px;text-align:center;line-height:45px;}
.tc_tab li.on a{background-position:0px -45px;}
.tc_cont{padding:0 0px 0 0px;height:424px;}


.tc_part{width:750px;overflow:hidden;height:100%;line-height:30px;overflow: hidden;overflow-y: scroll;display: none;padding-right: 30px;overscroll-behavior:none;}
.tc_part h3{padding-top:28px;font-size:18px;font-weight:bold;color:#2a7591;}
.tc_part p{font-size:14px;color:#164272;}
.tc_part ul li{position:relative;padding-left:20px;}
.tc_part ul li i{position:absolute;top:10px;left:0px;width:8px;height:8px;background: url(http://image.gyyxcdn.cn/upload/wd/hd/p/cqhd/jnh/2022/zt/images/tc_icon.png) no-repeat;}
.tc_part ul li img{margin-top:10px;padding:5px;border:1px solid #6aacc5;}
.tc_part table{width:100%;margin-top:28px;text-align:center;}
.tc_part table tr th{height:42px;background:#6aacc5;border:1px solid #83b6c8;font-size:16px;font-weight:bold;color:#287576;}
.tc_part table tr td{padding:10px;border:1px solid #83b6c8;font-size:14px;color:#2a7591;line-height:22px;}

.tc_part::-webkit-scrollbar {
    width: 5px;
    border-radius: 5px;
}
/*滑块*/
.tc_part::-webkit-scrollbar-thumb {
    background-color: #6aacc5;
    border-radius: 5px;
    /*滑块添加鼠标样式*/
	cursor: pointer;
}
.tc_part::-webkit-scrollbar-track {
    border-radius: 5px;
	width: 5px;
    /*竖线背景*/
    background: linear-gradient(to right, rgba(51,127,131,0) 40%, rgba(51,127,131,1) 50%, rgba(51,127,131,0) 60%);
}
.col{color:#f00;}

/* 动画 */
.slogan01,.people01,.box02_per,.box04_peo,.box05_per02,.box05_per01,.slogan02,.btn02,.btn04,.slogan04,.slogan05,.btn05,.slogan03,.btn03{opacity: 0;filter:alpha(opacity=100)}
.animate .rightIn{animation: rightIn ease-out .8s both;}
.animate .leftIn{animation: leftIn ease-out .8s both;}
.animate .topIn{animation: topIn ease-out .8s both;}
.animate .scaleIn{animation: scaleIn .4s ease-in .6s both;}
.btn03 a:hover{animation: icon-bounce ease-out 0.5s both;}
@keyframes topIn {
   0% {
   	 transform: translateY(100px);
   	 opacity: 0;
   }
   100% {
   	 transform: translateY(0);
   	 opacity: 1;
   }
}
@keyframes leftIn {
   0% {
   	 transform: translateX(-100px);
   	 opacity: 0;
   }
   100% {
   	 transform: translateX(0);
   	 opacity: 1;
   }
}
@keyframes rightIn {
    0% {
		 transform: translateX(100px);
		 opacity: 0;
    }
    100% {
		 transform: translateX(0);
		 opacity: 1;
    }
}
@keyframes scaleIn {
    0% {
		 transform: scale(4);
		 opacity: 0;
    }
    100% {
		 transform: scale(1);
		 opacity: 1;
    }
}

@keyframes opIn {
    0% {
		 transform: scale(1.5);
		 opacity: 0;
    }
    100% {
		 transform: scale(1);
		 opacity: 1;
    }
}

@keyframes icon-bounce {
  0%, 100% {
    transform: rotate(0deg);
  }
  25% {
    transform: rotate(15deg);
  }
  50% {
    transform: rotate(-15deg);
  }

  75% {
    transform: rotate(5deg);
  }
  85% {
    transform: rotate(-5deg);
  }
}
@keyframes animatedBackground01{
	0% {
	    background-position: 0px 0;
	}
	
	100% {
	    background-position: 1702px 0;
	}
}
@keyframes animatedBackground02{
	0% {
	    background-position: 0px 0;
	}
	100% {
	    background-position: 1608px 0;
	}
}
@keyframes animatedBackground03{
	0% {
	    background-position: 0px 0;
	}
	100% {
	    background-position: -4000px 0;
	}
}
@keyframes animatedBackground04{
	0% {
	    background-position: 0px 0;
	}
	100% {
	    background-position: -3840px 0;
	}
}