body,ul,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,table,td,img,div,dl,dt,dd,input,button{margin:0;padding:0;}

body{font-size:12px;}

img{border:none;}

li{list-style:none;}

input,button,select,textarea{outline:none; border: none;}

textarea{resize:none;}

a{text-decoration:none;}
body, button, input, select, textarea {
    font: 300 1em/1.8 PingFang SC, Lantinghei SC, Microsoft Yahei, Hiragino Sans GB, Microsoft Sans Serif, WenQuanYi Micro Hei, sans;
}
.clearfix:after,.clearfix:before {
    content: "";
    display: table;
    clear: both;
}
.clearfix {
    zoom: 1;
}
html,body{
    width: 100%;
    height: 100%;
}
.bg {
    width: 100%;
    height: 100%;
    /* min-height: 1080px; */
    background: url(./images/bg.jpg?20250327) no-repeat top center;
    background-size: cover;
    position: relative;
    overflow: auto;
}
.wrapper{
    width:88%;
    max-width: 1280px;
    height:920px;
    margin: 0 auto;
    position: relative;
}
.logo{
    position: absolute;
    top:10vh;
    left:2%;
}
.intro{
    position: absolute;
    width:76%;
    top:8vh;
    left:1%;
}
.code{
    position: absolute;
    width:18%;
    top:16.8vh;
    right:1%;
}
.code>img{margin-bottom:5vh;}
.code>a{margin-top:3vh;display:block;}
.download_1{
    position: absolute;
    width:18%;
    top:calc(350px + 16.8vh);
    right:1%;
}
.download_2{
    position: absolute;
    width:18%;
    top:calc(450px + 16.8vh);
    right:1%;
}
.download_3{
    position: absolute;
    width:18%;
    top:calc(550px + 16.8vh);
    right:1%;
}
.download_1 a,.download_2 a,.download_3 a,.download_1 a img,.download_2 a img,.download_3 a img,.intro img,.code img{
    display: block;width:100%;height:auto;
}

@media screen and (max-width:1280px) {
    .wrapper{min-height:65vw;}
    .logo>img{width:88px;}
    .download_1{
        top:35vw;
    }
    .download_2{
        top:43vw;
    }
    .download_3{
        top:51vw;
    }
}

@media screen and (min-width:1480px) {
   .logo{left:calc(50% - 720px);}
}

@media screen and (min-height:1080px) {
   .wrapper{margin-top: calc(50vh - 540px);}
}