@charset "UTF-8";

html {
    width: 100%;
    max-width: 1920px;
    min-width: 1366px;
}

/*main*/
.main-nav {
    position: fixed;
    top: 12%;
    left: 20%;
    z-index: 12;
}
.main-nav>p {
    line-height: 30px;
    color: #5d5c5b;
    padding-left: 10px;
    font-size: 16px;
    cursor: pointer;
}
.main-nav>p.cur {
    font-size: 22px;
    color: #c22828;
    border-left: 2px solid #c22828;
    font-weight: bold;
}
/*bgc1*/
.bgc1 {
    width: 100%;
    height: 682px;
    min-width: 1366px;
    background: url("../img/bgc1.jpg") center top no-repeat;
    z-index: 11;
    overflow: hidden;
    position: relative;
}
.about-us {
    position: absolute;
    display: block;
    top: 38px;
    left: 204px;
}
.box {
    display: block;
    margin: 100px auto;
    position: relative;
    left: 150px;
    width: fit-content;
}
/*bgc2*/
.bgc2 {
    width: 100%;
    height: 1076px;
    min-width: 1366px;
    background: url("../img/bgc2.jpg") center top no-repeat;
    z-index: 11;
    overflow: hidden;
}
.bgc2>.box {
    margin-top: 30px;
}
.bgc2 img {
    display: block;
    margin: 30px 0;
}
/*bgc3*/
.bgc3 {
    width: 100%;
    height: 883px;
    min-width: 1366px;
    background: url("../img/bgc3.jpg") center top no-repeat;
    z-index: 11;
    overflow: hidden;
}
.bgc3>.box {
    margin-top: 30px;
}
.bgc3 img {
    display: block;
    margin: 20px 0;
}