.book-box{padding:128px 0}
.book-box h3{font-size:36px;color:#2b2b2b;line-height:1.5em;text-align:center;margin-bottom:50px}
.book-list{margin-left:-2%}
.book-list li{float:left;width:31.3%;margin-left:2%;margin-bottom:36px;box-shadow:0 5px 25px rgba(0,0,0,.1);-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}
.book-list li .pic{display:block;display:block;width:100%;height:0;overflow:hidden;position:relative;padding-top:50.4%}
.book-list li .pic img{position:absolute;left:0;top:0;width:100%;height:100%;transition:all .3s ease-out;-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-ms-transition:all .3s ease-out;-o-transition:all .3s ease-out}
.book-list li .info{background:#fff;padding:22px 30px 44px;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}
.book-list li .info .tit{display:block;font-size:20px;color:#2b2b2b;line-height:30px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.book-list li .info .date{display:block;font-size:14px;color:#666;line-height:24px;margin-bottom:16px}
.book-list li .info p{font-size:14px;color:#999;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;line-height:24px;margin-bottom:10px}
.book-list li:hover{box-shadow:0 10px 35px rgba(0,0,0,.2)}
.book-list li:hover .pic img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)}
.book-list li:hover .tit{color:#c80000}
.book-list li:hover .info{background: url(../images/wxxs-bg.jpg) center center no-repeat; -webkit-background-size: cover;
background-size: cover;}
@media only screen and (max-width:1279px){
.book-box{padding:120px 0 80px}
}
@media only screen and (max-width:959px){
.book-box{padding:60px 0 40px}
.book-list{margin-left: 0;}
.book-list li{width:100%;margin-left: 0;}
.book-list li .info{padding:15px 20px 25px}
}
@media only screen and (max-width:767px){
.book-box h3{font-size:28px}
.book-list li .info{padding:10px 10px 15px}
.book-list li .info .tit{font-size:16px}
.book-list li .info p{margin-bottom:0}
}