@media screen and (min-width: 999px)and (max-width: 1920px) {
    .main{
        width: 1200px;
    }
    .xw-title01{
        width: 71%;
    }
    .xw-title01.sb1{
        width: 30%;
    }
    .xw-title01.sb1 span {
        width: 31%;
        margin-right: 1.5%;
    }
    .xw-title01 span {
        width: 15%;
        margin-right: 1.5%;
    }
    .xw-title02 {
        width: 29%;
    }
}

@media screen and (max-width: 980px){
    .main{
        max-width: 980px;
    }
    .imgs li div {
        height: 165px!important;
    }
    #cp-list .main{
        overflow: hidden!important;
    }
    .xw-title01 {
        width: 97%;
        margin-top: 30px;
    }
    .xw-title01.sb1{
        width: 72%;
        margin-top: 30px;
    }
    .xw-title01.sb1 span {
        width: 19%;
        margin-right: 1.5%;
    }
    .xw-title01 span {
        width: 15%;
        margin-right: 1.5%;
    }

    .xw-title02 {
        width: 200px;
        margin-left: 42%;
    }
    .xw-title02.sb1{
        width: 250px;
    }
    .main .imgs li img {
        max-height: 245px;
        max-width: 263px;
    }
}
#cp{
    margin: 50px 0 35px;
}
.cp1{
    margin: 30px 0 30px;
}
.imgs li{
    float: left;
    width: 31.5%;
    margin-left: 2.25%;
    border: 1px solid #eeeeee;
    padding: 20px 1.5%;
    margin-bottom: 50px;
}
.imgs li p{
    margin-top: 15px;
    text-align: center;
    font-size: 16px;
    color: #333;
}
.imgs li:hover{
    transition: all 0.5s;
    box-shadow: #cccccc 0px 0px 20px 5px
}
.imgs li:nth-child(1),
.imgs li:nth-child(4){
    margin-left: 0;
}
header .head001 li a{
    color: #666666!important;
    border-bottom: none!important;
}
header .head001 li a:hover{
    color: #012269!important;
    border-bottom: 2px solid #012269!important;
}
.imgs li div{
    height: 208px;
    width: 340px;
}

/* 走进凌高 */
@media all and (max-width:767px){
    #cp .xw-title02{
        width: 100%;
        float: none;
        margin-left: 0;
    }
    #cp .xw-title01{
        margin-top:15px;
        width: 100%;
        float: none;
        margin-left: 0;
    }
    #cp .xw-title01 span{
        display: inline-block;
        width: auto;
        padding: 0 15px;
    }
}

@media all and (max-width:767px){
    #cp-list .main .cp1 .imgs {
        width: 100%;
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    #cp-list .main .cp1 .imgs::after {
        display: none;
    }
    #cp-list .main .cp1 .imgs li {
        width: 48%;
        padding: 1.5%;
        margin-top: 0;
        margin-left: 0;
        margin-bottom: 15px;
        margin-right: 0;
        float: none;
    }
    #cp-list .main .cp1 .imgs li div {
        overflow: hidden;
        width: 100%;
        
    }
    #cp-list .main .cp1 .imgs li img {
        max-width: none;
        max-height: auto;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    #cp-list .main .cp1 .imgs li p {
        background-color: rgba(255, 255, 255, .8);
        position: relative;
        /* line-height: 40px; */
        z-index: 9;
    }
}
.imgs li div {
    width: 100%;
    height: 208px;
    overflow: hidden;
}
.imgs li div img{
    width: 100%;
    height: 100%;
    object-fit: cover;
} 