.anli_con .con01 {background: #f9fafc;padding-top: 2%;}
.anli_con .con01 .title {margin-bottom: 20px;}
.anli_con .con01 .title ul {border-bottom: 1px solid #e0e0e0;text-align: center;margin-top: 1.5%;}
.anli_con .con01 .title li {display: inline-block;padding: 10px 25px 20px 25px;margin: 0 10px;cursor: pointer;position: relative;}
.anli_con .con01 .title li:after {content: "";position: absolute;left: 50%;transform: translateX(-50%);bottom: 0px;width: 0%;height: 3px;background: #1e83ed;transition: all 0.5s ease-in-out;}
.anli_con .con01 .title li.active {color: #2386ec;}
.anli_con .con01 .title li.active:after {width: 100%;}

.anli_con .con01 .con dl {width: 32%;float: left;margin-top: 40px;background: #fff;border-radius: 8px;overflow: hidden;margin-right: 2%;box-shadow: 0 0 5px #eaeef9;}
.anli_con .con01 .con dl:nth-of-type(3n) {margin-right: 0px}
.anli_con .con01 .con dl dt {position: relative;}
.anli_con .con01 .con dl dt a {display: block;height: 0px;padding-bottom: 43.5%;overflow: hidden;}
.anli_con .con01 .con dl dt .img_box {width: 100%;height: 0px;padding-bottom: 43.5%;transition: all 0.5s ease-in-out;}
.anli_con .con01 .con dl dt .img {text-align: center;width: 100px;height: 100px;border-radius: 100%;background: #fff;position: absolute;bottom: -50px;left: 30px;z-index: 3;box-shadow: 0 4px 10px #ddd;line-height: 100px;overflow: hidden;}
.anli_con .con01 .con dl dt .img a {display: block;padding: 0;height: 100%;}
.anli_con .con01 .con dl dt .img img {width: auto;max-width: 90%;vertical-align: middle;}
.anli_con .con01 .con dd {padding: 70px 30px 20px;}
/* .anli_con .con01 .con dd h3 {border-bottom: 1px solid #e0e0e0;padding-bottom: 20px;} */
.anli_con .con01 .con dd h3 a {display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;height: 3em;line-height: 1.5;color: #333333;}
.anli_con .con01 .con ul {margin-top: 20px;}
.anli_con .con01 .con li {display: inline-block;border-radius: 5px;margin-right: 5px;padding: 3px 8px; font-size: 14px;}
.anli_con .con01 .con li:nth-of-type(1) {background: #e3f4fc;color: #0086f9;}
.anli_con .con01 .con li:nth-of-type(1) a {color: #0086f9;}
.anli_con .con01 .con li:nth-of-type(2) {background: #fcede3;color: #f98d00;}
.anli_con .con01 .con li:nth-of-type(2) a {color: #f98d00;}
.anli_con .con01 .con li:nth-of-type(3) {background: #e3f6fc;color: #00c5f1;}
.anli_con .con01 .con li:nth-of-type(3) a {color: #00c5f1;}
.anli_con .con01 .con dl:hover {box-shadow: 5px 5px 15px #ccc;}
.anli_con .con01 .con dl:hover dt a .img_box {transform: scale(1.04);}


@media only screen and (max-width: 1440px) {
    .anli_con .con01 .title {margin-bottom: 10px;}
    .anli_con .con01 .title ul {margin-top: 20px;font-size: 0;}
    .anli_con .con01 .title li {padding: 10px 20px 20px 20px;margin: 0;}
    .anli_con .con01 .con dl dt .img {width: 70px;height: 70px;bottom: -30px;line-height: 70px;overflow: hidden;}
    .anli_con .con01 .con dd {padding-top: 45px;}
}

@media only screen and (max-width: 1024px) {
    .anli_con .con01 .title ul {border: none;text-align: center;overflow-x: auto;overflow-y: hidden; white-space: nowrap;background: #fff;}
    .anli_con .con01 .title li {padding: 10px 20px 10px 20px;margin: 0;}
    .anli_con .con01 .title li.active {background: #2386ee;}
    .anli_con .con01 .title li.active a{color: #fff;}
    .anli_con .con01 .con dl {width: 49%;}
    .anli_con .con01 .con dl:nth-child(3n) {margin-right: 2%;}
    .anli_con .con01 .con dl:nth-child(2n) {margin-right: 0;}
}

@media only screen and (max-width: 540px) {
    .anli_con .con01 .title li {font-size: 14px;padding: 6px 12px;margin: 0;}
    .anli_con .con01 .con dl {
        width: 100%;
        margin-right: 0;
        box-shadow: none;
        background: transparent;
        border-radius: 0;
        font-size: 0;
    }
    .anli_con .con01 .con dl dt {
        display: inline-block;
        width: 23.18%;
        vertical-align: middle;
    }
    .anli_con .con01 .con dl dt a {
        padding-bottom: 100%;
    }
    .anli_con .con01 .con dl dt .img_box {
        padding-bottom: 100%;
    }
    .anli_con .con01 .con dl dt .img {
        display: none;
    }
    .anli_con .con01 .con dd {
        display: inline-block;
        width: 76.82%;
        padding: 0;
        padding-left: 5%;
        vertical-align: middle;
    }
    .anli_con .con01 .con dd h3 {
        border: none;
        padding-bottom: 10px;
        font-weight: normal;
        font-size: 4.4vw;
    }
    .anli_con .con01 .con dd h3 a {
        display: block;
        height: auto;
        overflow: auto;
    }
    .anli_con .con01 .con ul {
        margin-top: 0;
    }
    .anli_con .con01 .con li {
        font-size: 0.18rem;
    }
    
    
}