body{overflow: visible;}
.ghzj_gbanner{
    height: 100vh;
    background: url(../images/ghzj_g1.jpg) 
 center 70%  no-repeat;
    background-size: cover;
    text-align: center;
}
.ghzj_gbanner .img1{
    margin-top: 8vh;
}
.ghzj_gbanner .img2{
    margin: 4vh;
}
.ghzj_gbanner .img3{background: url(../images/ghzj_g3.png);width: 1009px;height: 130px;padding: 20px;text-align: left; margin: 0 auto;}
.ghzj_gbanner .img3 p{
    text-indent: 2em;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 5px;
}




.fIn{
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
} {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
}


.fUp{
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}

.fLeft{
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
}

.fRight{
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
}

.fDown{
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
}

.zIn{
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn;
}

.del_1{ animation-delay: 0.3s;}
.del_2{ animation-delay: 0.6s;}
.del_3{ animation-delay: 0.9s;}
.del_4{ animation-delay: 1.2s;}
.del_5{ animation-delay: 1.5s;}
.del_8{ animation-delay: 6s;}
.del_9{ animation-delay: 9s;}





@media screen and (max-height: 900px) {
	.ghzj_gbanner .img1{
    transform: scale(0.9);
	margin: 0;
}
	.ghzj_gbanner .img2{
    transform: scale(0.9);
	margin: 2vh 0;
}
	.ghzj_gbanner .img3{
}
}

@media screen and (max-height: 800px) {
	.ghzj_gbanner .img1{
    transform: scale(0.8);
	margin: 0;
}
	.ghzj_gbanner .img2{
    transform: scale(0.8);
	margin: 0 0 2vh 0;
}
	.ghzj_gbanner .img3{
}
}


@media screen and (max-height: 700px) {
	.ghzj_gbanner .img1{
    transform: scale(0.6);
	margin-top: -6vh;
}
	.ghzj_gbanner .img2{
    transform: scale(0.6);
	margin: -8vh 0 4vh 0;
}
	.ghzj_gbanner .img3{
}
}