.index-title{padding: 60px 0 30px;}
.part2 .lists li{float: left;width: 345px;height: 125px;margin: 20px 20px 0 0;border-radius: 5px;overflow: hidden;}
.part2 .lists li ._show,.part2 .lists li ._hide{height: 125px;box-sizing: border-box;padding: 20px;position: relative;background-color: #f6f7fa;transition: all .3s;}
.part2 .lists li ._hide{background: url(../image/index/bg.png) no-repeat;}
.part2 .lists li:nth-child(4n){margin-right: 0;}
.part2 .lists li h2{font-size: 18px;color: #1760d7;}
.part2 .lists li p{font-size: 14px;color: #596178;margin-top: 10px;}
.part2 .lists li .info{color: #333;font-size: 12px;margin-top: 10px;display: block;}
.part2 .lists li .more{display: block;position: absolute;bottom: 20px;right: 20px;background: url(../image/more.png) no-repeat;width: 32px;height: 32px;}
.part2 .lists li.on ._hide{transform: translateY(-100%);}
.part2 .lists li ._hide h2,.part2 .lists li ._hide p,.part2 .lists li ._hide .info{color: #fff;}
.part2 .lists li ._hide .more{background-image: url(../image/more-on.png);}

@media only screen and (max-width: 1440px) {
    .part2 .lists li{width: 285px;}
    .part2 .lists li .more{width: 24px;height: 24px;background-size: 100% auto;}
}

@media only screen and (max-width: 1024px) {
    .part2 .lists li{width: 300px;}
    .part2 .lists li:nth-child(3n){margin-right: 0;}
    .part2 .lists li:nth-child(4n){margin-right: 20px;}
}

@media only screen and (max-width: 540px) {
    .index-title{padding: 8vw 0 4px;font-size: 5vw !important;}
    .part2{padding-bottom: 4vw;}
    .part2 .lists li{width: 100%;margin-right: 0;float: inherit !important;}
}