body {
	margin: 0;
	padding: 0;
}

.section {
	position: relative;
	overflow: hidden;
}
* {
    margin: 0;
    padding: 0;
}
html {
    font-size: 62.5%;
    width: 100%;
    height: 100%;
}
body {
    position: relative;
    font-size: 0.12rem;
    width: 100%;
    height: 100%;
}

#bg {
    position: relative;
    width: 100%;
    height: 100%;
    background: url('../images/bg.png') no-repeat bottom;
    background-size: 100% 100%;
}

#bg .btn {
    display: flex;
    position: absolute;
    width: 100%;
    justify-content: space-around;
    bottom: 3rem;
    padding: 0 1rem;
    box-sizing: border-box;
}
#bg .btn a{
    width:38%;
}
#bg .btn img {
    height: 9.6rem;
    width: 100%;
}
#zzbg{
    display: none;
}
.zz{
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;  
    background: rgba(0, 0, 0, 0.8);
}
.zz img{
    width: 80%;
    position: absolute;
    top: 1rem;
    right: 1rem;
}
.second{
	display: flex;
	flex-direction: column;
	text-align: center;
}
.second .ewm{
	padding: 10rem 0;
}
.second .ewm img{
	width: 32%;
}
.second .wzms img{
	width: 80%;
}
.second .gywm {
	margin: 10rem 0;
}
.second .gywm img{
	width: 35%;
	
}
#aaaa{
    display: none;
}
/* .pcfirst,.pcsecond{
    display: none;
} */
.pcfirst #pcbg{
    position: relative;
    width: 100%;
    height: 100%;
    background: url('../images/pcbg.png') no-repeat bottom;
    background-size: 100% 100%;
    text-align: center;
}
#pcbg .pcwz{
    margin: 0px auto;
    padding: 50px 0 0 0;
}
#pcbg .pcwz img{
    width: 18%;
}
#pcbg .pcsj img{
    width: 18%;
}
#pcbg .pcbtn img{
    width: 13%;
    margin: 0 20px;
}
.pcsecond{
    text-align: center;
}
.pcsecond .pcgywm{
    padding: 10rem 0;
}
.pcsecond .pcgywm img{
    width: 10%;
}
.pcsecond .pcwzms img{
    width: 60%;
}
@media screen and (max-width: 320px) {
    #bg .btn img {
        height: 9rem;
    }
}
@media screen and (min-width: 414px) and (max-width: 767px) {
    #bg .btn img {
        height: 10.3rem;
    }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
    #bg .btn img {
        height: 14rem;
	}
	
}
@media screen and (min-width: 1024px){
    #bg .btn img {
        height: 16rem;
	}
	.second .ewm{
		padding: 5rem 0;
	}
	.second .ewm img{
		width: 25%;
	}
	.second .wzms img{
		width: 70%;
	}
	.second .gywm {
		margin: 5rem 0;
	}
	.second .gywm img{
		width: 25%;
		
    }
}