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

@media screen and (max-width:1600px){
    .twoNav-box .twoNav {
        width: 95%;
    }
    .xq-culture {
        width: 95%;
    }
}

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

}

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


}

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

@media screen and (max-width:1366px){
    .twoNav-box .twoNav a {
        margin: 0 10px;
    }

}

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

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

}

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

}

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

}

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

}

@media screen and (max-width:1024px){
    .xq-culture ul li p {
        width: 70%;
    }
    .xq-culture .xq-culture-one .xq-culture-num {
        width: 130px;
        height: 130px;
    }
    .xq-culture ul li div {
        width: 130px;
        height: 130px;
    }
    .xq-culture ul:before {
        top: 60px;
    }
    .xq-culture .xq-culture-one:after {
        height: 265px;
    }
    .xq-culture .xq-culture-two:after {
        height: 355px;
    }
}

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

}

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

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

@media screen and (max-width:800px){
    .twoNav-box .twoNav {
        width: 100%;
        justify-content: flex-start;
    }
}

@media screen and (max-width:768px){
    .xq-culture .xq-culture-three {
        display: none;
    }
    .xq-culture .xq-culture-four {
        display: flex;
    }
    .xq-culture .xq-culture-top > p {
        width: 100%;
    }
    .xq-culture ul {
        flex-wrap: wrap;
    }
    .xq-culture ul li {
        flex: none;
        width: 50%;
        height: 300px;
    }
    .xq-culture ul li p {
        overflow : hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
    }
    .xq-culture .xq-culture-one {
        justify-content: center;
        padding-left: 0;
    }
    .xq-culture .xq-culture-two:after {
        width: 100%;
        top: 360px;
        height: 20px;
    }
    .xq-culture .xq-culture-four:after {
        position: absolute;
        right: 0;
        content: '';
        width: 100%;
        top: 360px;
        height: 20px;
        background-color: #f1f1f1;
    }
    .xq-culture .xq-culture-one:after {
        height: 1165px;
    }

}

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

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

@media screen and (max-width:640px){
    .xq-culture .xq-culture-one .xq-culture-num {
        width: 100px;
        height: 100px;
    }
    .xq-culture .xq-culture-one .xq-culture-lr h1 {
        font-size: 20px;
    }
    .xq-culture .xq-culture-one .xq-culture-lr p {
        font-size: 14px;
    }
    .xq-culture .xq-culture-one .xq-culture-num {
        margin-right: 10px;
    }
    .xq-culture ul li div {
        width: 100px;
        height: 100px;
    }
    .xq-culture .xq-culture-one:before {
        top: 45px;
    }
    .xq-culture ul:before {
        top: 45px;
    }
    .xq-culture .xq-culture-one .xq-culture-num {
        font-size: 40px;
    }
    .xq-culture ul li div {
        font-size: 40px;
    }
    .xq-culture .xq-culture-two:after {
        top: 286px;
    }
    .xq-culture .xq-culture-one:after {
        height: 950px;
    }
    .xq-culture ul li h1 {
        margin-top: 10px;
        font-size: 18px;
    }
    .xq-culture ul li p {
        font-size: 14px;
    }
    .xq-culture ul li {
        height: 245px;
    }
    .xq-culture .xq-culture-four:after {
        top: 286px;
    }
}

@media screen and (max-width:486px){
    .xq-culture .xq-culture-top div h1 {
        font-size: 25px;
    }
    .xq-culture .xq-culture-top div p {
        font-size: 25px;
    }
    .xq-culture {
        margin: 30px auto 0;
    }
    .xq-culture .xq-culture-top > p {
        margin-top: 10px;
        font-size: 14px;
    }
    .xq-culture .xq-culture-one {
        flex-direction: column;
        margin-bottom: 45px;
        margin-top: 20px;
    }
    .xq-culture ul {
        padding-left: 20px;
        box-sizing: border-box;
    }
    .xq-culture ul li p {
        width: 90%;
    }
    .xq-culture .xq-culture-one .xq-culture-lr {
        width: auto;
    }
    .banner-box {
        position: relative;
        height: 12.5rem;
        overflow: hidden;
    }
    .header-banner {
        position: absolute;
        top: 0;
        left: 50%;
        height: 100%;
        width: auto;
        transform: translateX(-50%);
    }
}

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

}

@media screen and (max-width:340px){
    .xq-culture-lr {
        padding-left: 20px;
    }
    .xq-culture .xq-culture-one .xq-culture-lr h1 {
        font-size: 18px;
    }
}