.serleft {

    width: 20%;

    padding-top: 60px;

}



.serleftTitle {

    width: 100%;

    height: 60px;

    background: #3772E8;

    border-radius: 4px;

    font-size: 18px;

    color: #FFFFFF;

    margin-bottom: 16px;
    text-align: center;

}



.serright {

    width: 75%;

    position: relative;

}

.addrs{

    margin-top: -120px;

}

.serlist {

    width: 100%;

    /* height: 105px; */

    background: #FFFFFF;

    box-shadow: 0px 0px 7px 0px rgba(172, 177, 187, 0.07), 0px 0px 24px 0px rgba(172, 177, 187, 0.2);

    border-radius: 4px;

    padding: 0 20px;

}



.serli {

    height: 52px;

    border-bottom: 1px solid #F2F2F2;

    font-size: 14px;

    color: #555555;

}



.serli:hover {

    color: #3772E8;

}



.sertitle1 {

    font-size: 20px;

    font-weight: bold;

    color: #555555;

}



.content {

    padding-top: 60px;

}



.serinfo1 {

    font-size: 16px;

    color: #888888;

    line-height: 30px;

    margin-top: 30px;

}



.serinfo-l {

    width: 55.2%;

}



.serinfo-r {

    width: 37.77%;

}



.serinfo-r img {

    width: 100%;

    height: 180px;

    object-fit: cover;

}



.serinfo {

    margin-bottom: 50px;

}



.bg {

    background: #3772E8;

    /* height: 180px; */

    margin-top: 20px;

    position: relative;

    margin-bottom: 60px;

}



.bg img {

    width: 100%;

    height: 100%;

    object-fit: cover;

    position: absolute;

    top: 0;

    left: 0;

}



.bginfo {

    position: relative;

    font-size: 16px;

    z-index: 2;

    padding: 35px 0;

}



.bginfo .serright {

    color: #FFFFFF;

    line-height: 30px;

}



.serr-l {

    width: 55.55%;

    position: absolute;

    z-index: 1;

}



.serr-r {

    width: 55.55%;



    z-index: 3;

    background: #FFFFFF;

    box-shadow: 0px 0px 7px 0px rgba(172, 177, 187, 0.07), 0px 0px 24px 0px rgba(172, 177, 187, 0.2);

    border-radius: 4px;

}



.pos {

    position: relative;

    left: 45%;

    top: 24px;

}



.serr-r2 {

    width: 55.55%;

}



.serbox {

    width: 100%;

    margin-bottom: 72px;

}



.serr-l2 {

    position: absolute;

    z-index: 3;

}



.serr-r,

.serr-l2 {

    padding: 60px 8.4%;

}



.sertitle2 {

    font-size: 20px;

    font-weight: bold;

    color: #555555;

    width: 100%;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

}



.sertitle2 span {

    color: #3772E8;

}



.serinfo2 {

    font-size: 14px;

    color: #888888;

    line-height: 28px;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 4;

    overflow: hidden;

    margin-top: 40px;

}



.seract {

    color: #3772E8;

}



.enbg {

    font-size: 76px;

    font-weight: bold;

    color: #232323;

    opacity: 0.06;

    position: absolute;

    right: -26.7%;

    bottom: 0;

}



.enbg2 {

    font-size: 76px;

    font-weight: bold;

    color: #232323;

    opacity: 0.06;

    position: absolute;

    left: -48.7%;

    top: 70px;

}