html,
body {
    margin: 0;
    padding: 0;
    font-family: Arial, "Microsoft YaHei", 微软雅黑, sans-serif;
    max-height: 100%;
    width: 100%;
    background: #191919;
    background-size: cover;
    box-sizing: border-box;
}

a {
    text-decoration: none;
    transition: 0.2s;
}

p {
    margin: 0;
}

img {
    line-height: 0;
    font-size: 0;
    margin: 0;
    padding: 0;
}

@font-face {
    font-family: AK;
    src: url(../css/AkzidenzGroteskBQ-XBoldAlt.ttf);
}

.w750 {
    margin: 0 auto;
    max-width: 750px;
    width: 100%;
    text-align: center;
    background-color: #000;
    /*background: #fff url(../images/BG.png) 50% 00% no-repeat;*/
    /*background-size: contain;*/
    /*padding: 0 0 min(33.333vw,250px);*//*padding: 0 0 min(7vw,250px);*/
}

.imggg { width: min(100%, 750px); margin-bottom: 2%;}

.logo { text-align: center; width: min(45vw, 259px); margin: 2% auto;}

.slogn { width: 95%; margin: 0 auto 3% auto; padding-top: 0.5%; padding-bottom: 0.5%; font-size: 1.5rem; color: #00ff06; border-radius: 0.5rem; border: #00ff06 2px solid;}

.slogn2 { margin: 0 auto; padding-top: 3%; padding-bottom: 3%; font-size: 1.5rem; color: #00ff06; border-radius: 0.5rem; border: #00ff06 2px solid;}

.bn1 { width: 95%; margin: 0 auto 4% auto; }

.bn2 { width: 95%; margin: 0 auto 3% auto; display: flex; justify-content: space-between; align-items: flex-start;  }

.bn2l { width: 25%; text-align: center;}

.bn2r { width: 70%; margin: 0 auto; }

.footimg { text-align: center; width: min(90vw, 646px); margin: 2% auto;}

.cr { width: 95%; margin: 0 auto; padding-top: 0.5%; padding-bottom: 3%; font-size: 1.5rem; color: #fff; border-radius: 0.5rem;}




@media screen and (max-width: 750px) {

.slogn { font-size: 0.8rem; padding-top: 1%; padding-bottom: 1%;}
    
.slogn2 { font-size: 0.9rem; padding-top: 4%; padding-bottom: 4%;}

.cr { font-size: 0.8rem;  padding-bottom: 6%;}
}


@media screen and (max-width: 500px) {

}