.imglist{
    margin-top:30px;
    display:flex;
    justify-content:left;
    flex-wrap:wrap;
    margin-right:-10px;
}
.imglist li {
    width: 400px;
    height: 210px;
    border-radius: 15px;
    border: 1px solid #eee;
    padding: 14px;
    box-sizing: border-box;
    float: left;
    margin-right: 10px;
    margin-top: 15px;
}
.imglist li:hover {
    border: 1px solid #007b3d;
}

.imglist li .img {
    display: block;
    width: 130px;
    height: 180px;
    float: left;
}
.imglist li .img img {
    width: 100%;
    height: 100%;
    overflow: hidden;
    border-radius: 15px;
}
.imglist li .text{
    width:220px;
    float:right;
}
.imglist li .text .name {
    font-size: 22px;
    color: #007b3d;
    font-weight:bold;
    line-height:36px;
}
.imglist li .text h5{
    font-size:16px;
    color:#111;
}
.imglist li .text div {
    font-size: 14px;
    color: #444;
    padding-top:8px;
}

.expert-intro{
    margin-top:20px;
}
.expert-intro .avatar {
    float: left;
    width:270px;
    height:378px;
}

.expert-intro .duty {
    float: left;
    margin-left: 20px;
    margin-top: 20px;
    line-height:30px;
}
.expert-intro .code{
    float:right;
    text-align:center;
    font-size:14px;
}
#qrcode img{
    width:120px;
    height:120px;
}

.summary {
    margin-top: 20px;
    line-height: 1.6;
}
.summary p {
    padding-bottom: 3px;
}

.summary img {
    display: block;
    margin: 5px auto;
}

/*-----------------屏幕适配-------------------*/
/*最大宽度1200px，即小于1200px的屏幕*/
@media only screen and (max-width: 1200px) {
    .imglist li .text .name{
        font-size:16px;
    }
    .imglist li .text h5{
        font-size:14px;
    }
    .imglist li .text div{
        font-size:12px;
    }
    .expert-intro .duty, .summary {
        font-size: 14px;
    }
    
}
/*最大宽度960px，即小于960px的屏幕*/
@media only screen and (max-width: 760px) {
    .expert-intro .avatar{
        float:none;
        margin:0 auto;
        display:block;
    }
    .expert-intro .duty {
        float: none;
        text-align: center;
        line-height:20px;
        margin:10px 0;
    }
    .expert-intro .code {
        float: none;
    }
    #qrcode {
        float: none;
        text-align: center;
    }
    #qrcode img {
        margin: 0 auto;
    }
}