.index-title{padding: 60px 0 30px;}
.part3{height: 862px;background: url(../image/index/bg2.jpg) no-repeat center top;}
.part3 .lists li{float: left;width: 276px;height: 310px;margin: 15px 15px 0 0;overflow: hidden;position: relative;}
.part3 .lists li:nth-child(5n){margin-right: 0;}
.part3 .lists li img{width: 100%;height: 100%;transition: all 1s ease;}
.part3 .lists li:hover img{transform: scale(1.2);}
.part3 .lists li p{position: absolute;font-size: 18px;left: 30px;bottom: 30px;color: #fff;}

@media only screen and (max-width: 1440px) {
    .part3 .lists li{width: 228px;height: 256px;}
    .part3 .lists li p{left: 20px;bottom: 20px;}
}

@media only screen and (max-width: 1024px) {
    .part3{height: auto;padding-bottom: 40px;background-color: #f6f7fa;}
    .part3 .lists li:nth-child(5){margin-right: 15px;}
    .part3 .lists li:nth-child(4n){margin-right: 0;}
}

@media only screen and (max-width: 540px) {
    .index-title{padding: 8vw 0 4px;font-size: 5vw !important;}
    .part3 .lists li{width: 45vw; margin-right: 0; height: auto;}
    .part3 .lists li:nth-child(2n){margin-right: 0; float: right;}
    .part3 .lists li p{font-size: 14px;left: 15px;bottom: 15px;}
    .part3 .lists li:nth-child(5){ margin-right: 0;}
}