@media screen and (max-width:1780px){
}
.w1200_box{
    width: 1200px;
    margin: 0 auto;
}
@media screen and (max-width:1680px){


}

@media screen and (max-width:1477px){
    .group-introduce .group-introduce-left > p{
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 7;
        overflow: hidden;
    }
}

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


}

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

@media screen and (max-width:1366px){
    .group-introduce{
        width: 80%;
    }
    .group-introduce-list ul li > div{
        width: 80%;
    }
}

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

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

}

@media screen and (max-width:1200px){
    .w1200_box{
        width: 94%;
    }
}

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

}

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

}

@media screen and (max-width:1024px){
    .group-introduce{
        width: 95%;
    }
    .group-introduce-list ul li > div{
        width: 95%;
    }
}

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

}

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

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

@media screen and (max-width:800px){
    .group-introduce-list ul li > div div:nth-child(2) p{
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
    }
    .group-introduce-list ul li > div div:nth-child(2){
        width: 100%;
    }
}

@media screen and (max-width:768px){
    .group-introduce-list ul li:nth-child(odd) > div div:nth-child(1){
        display: none;
    }
    .group-introduce-list ul li:nth-child(even) > div div:nth-child(1){
        display: none;
    }
}

@media screen and (max-width:764px){
    .group-introduce {
        flex-direction: column;
    }
    .group-introduce .group-introduce-left {
        width: 100%;
    }
    .group-introduce .group-introduce-right {
        width: 100%;
        margin-top: 15px;
    }
    .group-introduce .group-introduce-right img {
        width: auto;
        display: block;
        margin: 0 auto;
        max-width: 100%;
    }
}

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

@media screen and (max-width:650px){
    .group-introduce-list ul li > div div:nth-child(2) h1{
        font-size: 18px;
        margin-bottom: 5px;
    }
    .group-introduce-list ul li > div div:nth-child(2) p {
        font-size: 14px;
        margin-bottom: 5px;
        -webkit-line-clamp: initial;
    }
    .group-introduce-list ul li {
        padding: 25px 0;
    }
}

@media screen and (max-width:486px){
    .group-introduce .group-introduce-left .group-introduce-bt h1 {
        font-size: 18px;
        padding-bottom: 5px;
    }
    .group-introduce .group-introduce-left .group-introduce-bt p {
        font-size: 14px;
        top: -4px;
    }
    .group-introduce .group-introduce-left .group-introduce-bt h1:before {
        width: 73px;
    }
    .group-introduce {
        margin: 25px auto 50px;
    }
    .group-introduce .group-introduce-left > p{
        font-size: 14px;
        margin-top: 5px;
    }
    .group-introduce .group-introduce-right {
        margin-top: 10px;
    }
}

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

}

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

































