.wrap{position:relative;min-width:1200px;height:1000px;margin:0 auto;overflow:hidden;}

.logo{z-index: 999;position:absolute;top:22px;left:50%;margin-left:-600px;width:110px;height:145px;background: url(http://image.gyyxcdn.cn/upload/pic/logo/wd_logoLight.png) no-repeat;border:none;}
.nav{z-index: 999;position:absolute;top:19px;left:50%;margin-left:80px;width:378px;height:28px;background:url(http://image.gyyxcdn.cn/upload/wd/hd/p/cqhd/jnh/2021/zt/images/nav.png) no-repeat;color:#2d6464;line-height:28px;text-align:center;}
.nav a{font-size:14px;color:#2d6464;margin:0 12px;}
.nav a:hover{color:#379996;}
.content{position:absolute;width:100%;height:1000px;overflow:hidden;background: url(http://image.gyyxcdn.cn/upload/wd/hd/p/cqhd/jnh/2021/zt/images/bg.jpg) no-repeat 50% 0;top: 0;left: 0;*z-index: 101;}
.bg{position:absolute;width:100%;height:1000px;overflow:hidden;background: url(http://image.gyyxcdn.cn/upload/wd/hd/p/cqhd/jnh/2021/zt/images/b_bg.png) no-repeat 50% 0;top: 0;left: 0;z-index: 99;/* pointer-events:none */}
.box{height:1000px;float:left;width:100%;overflow:hidden;position:absolute;top:0;left:-100%;}

.box.zindex .btn{z-index: 998;}
.main{position:relative;width:1200px;height:1000px;margin:0 auto;}
.box01{background:url(http://image.gyyxcdn.cn/upload/wd/hd/p/cqhd/jnh/2021/zt/images/cont01.png) no-repeat 50% 0;left:0;*background: url(http://image.gyyxcdn.cn/upload/wd/hd/p/cqhd/jnh/2021/zt/images/bg01.jpg) no-repeat 50% 0;}
.box02{background:url(http://image.gyyxcdn.cn/upload/wd/hd/p/cqhd/jnh/2021/zt/images/cont02.png) no-repeat 50% 0;*background: url(http://image.gyyxcdn.cn/upload/wd/hd/p/cqhd/jnh/2021/zt/images/bg02.jpg) no-repeat 50% 0;}
.box03{background:url(http://image.gyyxcdn.cn/upload/wd/hd/p/cqhd/jnh/2021/zt/images/cont03.png) no-repeat 50% 0;*background: url(http://image.gyyxcdn.cn/upload/wd/hd/p/cqhd/jnh/2021/zt/images/bg03.jpg) no-repeat 50% 0;}
.box04{background:url(http://image.gyyxcdn.cn/upload/wd/hd/p/cqhd/jnh/2021/zt/images/cont04.png) no-repeat 50% 0;*background: url(http://image.gyyxcdn.cn/upload/wd/hd/p/cqhd/jnh/2021/zt/images/bg04.jpg) no-repeat 50% 0;}
.box05{background:url(http://image.gyyxcdn.cn/upload/wd/hd/p/cqhd/jnh/2021/zt/images/cont05.png) no-repeat 50% 0;*background: url(http://image.gyyxcdn.cn/upload/wd/hd/p/cqhd/jnh/2021/zt/images/bg05.jpg) no-repeat 50% 0;}
/* .box06{background:url(http://image.gyyxcdn.cn/upload/wd/hd/p/cqhd/jnh/2021/zt/images/cont01.jpg) no-repeat 50% 0;} */

.slogan01{z-index:2;position:absolute;top:120px;left:66px;width:335px;height:618px;opacity: 0;filter:alpha(opacity=100)}
.animate .slogan01{-webkit-animation:fadeInDown ease-in-out .7s forwards;animation:fadeInDown ease-in-out .7s forwards;}
.people01{position:absolute;bottom:16px;left:330px;width:1032px;height:1000px;opacity: 0;filter:alpha(opacity=100)}
.animate .people01{-webkit-animation:fadeInUp ease-in-out .7s forwards;animation:fadeInUp ease-in-out .7s forwards;}

.slogan02{position:absolute;top:90px;left:296px;width:608px;height:281px;/*opacity:0;*/opacity: 0;filter:alpha(opacity=100)}
.btn02{position:absolute;top:447px;left:135px;opacity: 0;filter:alpha(opacity=100)}
.btn02 a{float:left;width:467px;height:268px;background:url(http://image.gyyxcdn.cn/upload/wd/hd/p/cqhd/jnh/2021/zt/images/btn02.png) no-repeat;text-indent:-999px;overflow:hidden;}
.btn02 a.a01{background-position:0 0;}
.btn02 a.a02{background-position:-467px 0;}
.btn02 a.a01:hover{background-position:0 -268px;}
.btn02 a.a02:hover{background-position:-467px -268px;}

.slogan03{position:absolute;top:109px;left:274px;width:716px;height:261px;opacity: 0;filter:alpha(opacity=100)}
.btn03{position:absolute;top:438px;left:47px;opacity: 0;filter:alpha(opacity=100)}
.btn03 a{float:left;width:110px;height:282px;margin-right:14px;background:url(http://image.gyyxcdn.cn/upload/wd/hd/p/cqhd/jnh/2021/zt/images/btn03.png) no-repeat;text-indent:-999px;overflow:hidden;}
.btn03 a.a01{background-position:0 0;}
.btn03 a.a02{background-position:-124px 0;}
.btn03 a.a03{background-position:-249px 0;}
.btn03 a.a04{background-position:-373px 0;}
.btn03 a.a05{background-position:-498px 0;}
.btn03 a.a06{background-position:-622px 0;}
.btn03 a.a07{background-position:-746px 0;}
.btn03 a.a08{background-position:-871px 0;}
.btn03 a.a09{background-position:-995px 0;}
.animate .btn03 a:hover{-webkit-animation:upDown 2s ease-in-out 0s infinite;animation: upDown 2s ease-in-out 0s infinite;}

.slogan04{position:absolute;top:109px;left:234px;width:763px;height:261px;opacity: 0;filter:alpha(opacity=100)}
.btn04{position:absolute;top:389px;left:357px;opacity: 0;filter:alpha(opacity=100)}
.btn04 a.a01{float:left;width:478px;height:416px;background:url(http://image.gyyxcdn.cn/upload/wd/hd/p/cqhd/jnh/2021/zt/images/btn04.png) no-repeat;text-indent:-999px;overflow:hidden;}
.btn04 a.a01.state{background-position:-478px 0;cursor:default;}
.animate .btn04 a:hover{-webkit-animation:upDown 2s ease-in-out 0s infinite;animation: upDown 2s ease-in-out 0s infinite;}

.slogan05{position:absolute;top:109px;left:234px;width:813px;height:259px;opacity: 0;filter:alpha(opacity=100)}
.btn05{position:absolute;top:484px;left:460px;opacity: 0;filter:alpha(opacity=100)}
.btn05 a.a01{display:block;width:135px;height:267px;background:url(http://image.gyyxcdn.cn/upload/wd/hd/p/cqhd/jnh/2021/zt/images/btn05.png) no-repeat;text-indent:-999px;overflow:hidden;}
.btn05 a.a01:hover{background-position:-135px 0;}

/*滚动浏览按钮*/
.arrow{position:absolute;top:805px;left:50%;margin-left:-92px;display:block;width:229px;height:48px;background:url(http://image.gyyxcdn.cn/upload/wd/hd/p/cqhd/jnh/2021/zt/images/arrow.png) no-repeat;text-indent:-999px;overflow:hidden;z-index: 999;}
.arrow i{position:absolute;top:0;left:117px;display:block;width:22px;height:48px;background:url(http://image.gyyxcdn.cn/upload/wd/hd/p/cqhd/jnh/2021/zt/images/point.png) no-repeat;-webkit-animation:leftRight linear 2.1s infinite 1s;animation:leftRight linear 2.1s infinite 1s;}

/*底部切换按钮*/
.slide{position:absolute;bottom:0px;left:50%;margin-left:-960px;width:1920px;height:105px;background:url(http://image.gyyxcdn.cn/upload/wd/hd/p/cqhd/jnh/2021/zt/images/slide.png) no-repeat 50% 0;-webkit-animation:fadeInUp ease-in-out .5s forwards;animation:fadeInUp ease-in-out .5s forwards;z-index: 999;}
.slide ul{width:1112px;padding-left:88px;margin:0 auto;}
.slide li{float:left;width:171px;margin-right:1px;}
.slide li a{display:block;width:171px;height:105px;text-indent:-999px;overflow:hidden;}
.slide li a:hover,.slide li.on a{background:url(http://image.gyyxcdn.cn/upload/wd/hd/p/cqhd/jnh/2021/zt/images/slide.png) no-repeat 50% 0;}
.slide li a.a01:hover,.slide li.on a.a01{background-position:-448px -105px;}
.slide li a.a02:hover,.slide li.on a.a02{background-position:-620px -105px;}
.slide li a.a03:hover,.slide li.on a.a03{background-position:-792px -105px;}
.slide li a.a04:hover,.slide li.on a.a04{background-position:-964px -105px;}
.slide li a.a05:hover,.slide li.on a.a05{background-position:-1136px -105px;}
.slide li a.a06:hover,.slide li.on a.a06{background-position:-1308px -105px;}

/*弹层*/
.tc{display:none;position:absolute;width:1200px;height:748px;background:url(http://image.gyyxcdn.cn/upload/wd/hd/p/cqhd/jnh/2021/zt/images/tc.png) no-repeat;z-index:999;}
.tc .close{position:absolute;top:12px;right:105px;display:block;width:98px;height:96px; text-indent:-999px;overflow:hidden;background:url(http://image.gyyxcdn.cn/upload/wd/hd/p/cqhd/jnh/2021/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:93px 180px 125px 137px;overflow:hidden;}
.tc_tab{margin-bottom:8px;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/2021/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 153px 0 12px;height:390px;}
.tc_part{width:100%;overflow:hidden;height:100%;}
.tc_childCont{width:100%;overflow:hidden;height:100%;}
.tc_childPart{width:100%;overflow:hidden;height:100%;}
.scrollmask{position:relative;float:left;width:678px;height:100%;overflow:hidden;}
.scrolltarget{position:absolute;left:0;top:0px;width:666px;height:auto;line-height:30px;}
.scrolltarget h3{padding-top:15px;font-size:18px;font-weight:bold;color:#177273;}
.scrolltarget p{font-size:14px;color:#5b7474;}
.scrolltarget ul li{position:relative;overflow:hidden;}
.scrolltarget ul li i{float:left;margin:10px 11px 0 0;width:8px;height:8px;background: url(http://image.gyyxcdn.cn/upload/wd/hd/p/cqhd/jnh/2021/zt/images/tc_icon.png) no-repeat;}
.scrolltarget ul li p{float:left;width:645px;}
.scrolltarget ul li img{padding:7px;border:1px solid #6D9A99;margin:5px 0;}
.scrolltarget table{width:100%;margin:10px 0;text-align:center;}
.scrolltarget table tr th{height:42px;background:#A2C0BE;border:1px solid #BDCBCA;font-size:16px;font-weight:bold;color:#287576;}
.scrolltarget table tr td{padding:10px 5px;border:1px solid #BDCBCA;font-size:14px;color:#5b7474;line-height:22px;}
.vscrollbar{position:relative;top:30px;width:8px;height:100%;float:right;}
.vscrollbar .track{position:relative;left:3px;width:2px;height:100%;background:#D3D3D3;}
.vscrollbar .thumb{ position:absolute;width:8px;left:-3px;top:0px;height:50px;background:#A2C0BE;cursor:pointer;border-radius:10px;}
.Single_Row{height:420px;}
.scrolltarget .col{color:#f00;}

/*动画*/
/*广告语上下*/
.animate .titIn{-webkit-animation: titIn 1.5s both ease-in-out 1;animation: titIn 1.5s both ease-in-out 1;}
@-webkit-keyframes titIn {
	0%,
	60%,
	75%,
	90%,
	100% {
		transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
	}
	0% {
		opacity: 0;
		transform: translate3d(0, -200px, 0);
	}
	40% {
		transform: translate3d(0, 10px, 0);
	}
	65% {
		transform: translate3d(0, -10px, 0);
		opacity: 1;
	}
	100% {
		opacity: 1;
		transform: none;
	}
}
@keyframes titIn {
	0%,
	60%,
	75%,
	90%,
	100% {
		transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
	}
	0% {
		opacity: 0;
		transform: translate3d(0, -200px, 0);
	}
	40% {
		transform: translate3d(0, 10px, 0);
	}
	65% {
		transform: translate3d(0, -10px, 0);
		opacity: 1;
	}
	100% {
		opacity: 1;
		transform: none;
	}
}

/*从下侧进入*/
.animate .btn{-webkit-animation:slideInUp 1.5s both ease-in-out 1;animation:slideInUp 1.5s both ease-in-out 1;}
@-webkit-keyframes slideInUp {
	0%,
	60%,
	75%,
	90%,
	100% {
		transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
	}
	0% {
		opacity: 0;
		transform: translate3d(0, 200px, 0);
	}
	40% {
		transform: translate3d(0, -10px, 0);
	}
	65% {
		transform: translate3d(0, 10px, 0);
		opacity: 1;
	}
	100% {
		opacity: 1;
	}
}
@keyframes slideInUp {
	0%,
	60%,
	75%,
	90%,
	100% {
		transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
	}
	0% {
		opacity: 0;
		transform: translate3d(0, 200px, 0);
	}
	40% {
		transform: translate3d(0, -10px, 0);
	}
	64% {
		transform: translate3d(0, 10px, 0);
		opacity: 1;
	}
	100% {
		opacity: 1;
	}
}

/*上下移动*/
@-webkit-keyframes upDown {
	0% {
		-webkit-transform: translateY(0px);
		transform: translateY(0px);
	}
	25% {
		-webkit-transform: translateY(-10px);
		transform: translateY(-10px);
	}
	50% {
		-webkit-transform: translateY(0px);
		transform: translateY(0px);
	}
	75% {
		-webkit-transform: translateY(-10px);
		transform: translateY(-10px);
	}
	100% {
		-webkit-transform: translateY(0px);
		transform: translateY(0px);
	}
}
@keyframes upDown {
	0% {
		-webkit-transform: translateY(0px);
		transform: translateY(0px);
	}
	25% {
		-webkit-transform: translateY(-10px);
		transform: translateY(-10px);
	}
	50% {
		-webkit-transform: translateY(0px);
		transform: translateY(0px);
	}
	75% {
		-webkit-transform: translateY(-10px);
		transform: translateY(-10px);
	}
	100% {
		-webkit-transform: translateY(0px);
	}	
}

/*左右移动*/
@-webkit-keyframes leftRight{
  0%{
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  50%,100%{
    -webkit-transform: translate(90px, 0);
    transform: translate(90px, 0);
  }
}
@keyframes leftRight{
  0%{
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  50%,100%{
    -webkit-transform: translate(90px, 0);
    transform: translate(90px, 0);
  }
}

/*向上-从下进入*/
@-webkit-keyframes fadeInUp {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, 20%, 0);
		transform: translate3d(0, 20%, 0)
	}
	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}
@keyframes fadeInUp {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, 20%, 0);
		transform: translate3d(0, 20%, 0)
	}
	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

/*向下-从上进入*/
@-webkit-keyframes fadeInDown {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, -50%, 0);
		transform: translate3d(0, -50%, 0)
	}
	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}
@keyframes fadeInDown {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, -50%, 0);
		transform: translate3d(0, -50%, 0)
	}
	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}