*{
    margin: 0;
}
body{
    background-color: #F2F2F2;
    font-family:Microsoft YaHei;
}
.fl{
    float: left;
}
.fr{
    float: right;
}
.fix::after{
    content:"";
    display:table;
    clear: both;
}
.con{
    width: 1200px;
    background-color: #fff;
    padding: 20px;
}
.lm{
    height:40px;
    line-height:40px;
    border-bottom: 1px solid #ddd;
}
.lm h2{
    width:96%;
    float: left;
    height:20px;
    line-height:20px;
    font-size:18px;
    font-weight:bold;
    color:#015293;
    padding-left:25px;
    border-left: 3px solid #015293;
    margin:10px 0px;
}
.lm a{
    display: block;
    float: right;
    width:4%;
    font-weight: 400;
    color: #A7A7A7;
}
.pic-list{
    margin: 20px auto;
}
.pic-list li{
    float: left;
    width: 370px;
    height:170px;
    margin-right: 25px;
}
.pic-list li:nth-child(3n){
    margin-right: 0px;
}
.pic-list li a{
    width: 100%;
    height: 100%;
}
.pic-list li a img{
    width: 370px;
    height:110px;
}
.pic-list li a p{
    width: 100%;
    height:30%;
    line-height:50px;
    font-size:18px;
    font-weight:bold;
    color:#333;
    text-align:center;
}
/* 响应式设计 */
@media (max-width: 1220px) {
    .con{
        width: 100%;
    }
}
@media (max-width: 768px) {
    .lm h2{
        width: 94%;
    }
    .lm a{
        width:6%;
    }
    .pic-list li{
        height:150px;
    }
}
@media (max-width: 500px) {
    .lm h2{
        width:85%;
    }
    .lm a{
        width:15%;
    }
    .pic-list li{
        width: 100%;
        height:150px;
        padding-right:0px;
    }
}