.img-center {text-align: center;font-size: 0;}
.img-center img {display: inline-block;width: auto;height: auto;max-width: 100%;max-height: 100%;vertical-align: middle;}

.img-cover {overflow: hidden;position: relative;}
.img-cover span {display: block;width: 100%;background: no-repeat center / cover;-webkit-transition: all 0.5s;transition: all 0.5s;height: 100%;position: absolute;left: 0;top: 0;}

.container {padding: 0 15px;width: 1200px;margin: 0 auto;}

.section {padding: 80px 0;}
.section-title {margin-bottom: 50px;text-align: center;font-size: 36px;}
.section-title p {margin: 10px 0 0;font-size: 18px;}
.section-sub {padding: 50px 0;}


.audio {margin: -25px 0 0 -25px;}
.audio li {float: left;width: 20%;}
.audio li a {display: block;margin: 25px 0 0 25px;}
.audio li .voice {display: none;}
.audio li .img-cover {padding-top: 50%;}
.audio li .img-cover i {position: absolute;left: 50%;top: 50%;width: 40px;height: 40px;margin: -20px 0 0 -20px;background: url(../images/icon_play2.png) no-repeat center / cover;display: none;}
.audio li a.play .img-cover i {background-image: url(../images/icon_stop.png);}
.audio li a:hover .img-cover i {display: block;}

@media screen and (max-width: 767px) {
    
    
    .audio {margin: -15px 0 0 -15px;}
    .audio li {width: 50%;}
    .audio li a {margin: 15px 0 0 15px;}

}