.culture-box{padding:128px 0}
.culture-box h3{font-size:36px;color:#2b2b2b;line-height:1.5em;text-align:center;margin-bottom:46px}
.culture-list{margin-left:-3%}
.culture-list li{float:left;width:22%;margin-bottom:40px;margin-left:3%}
.culture-list li .pic-box{padding-left:20px;position:relative}
.culture-list li .pic-box::before{content:'';position:absolute;left:0;top:16px;bottom:16px;right:0;background-color:#fff;z-index:-1;box-shadow:-4px 0 10px 5px rgba(0,0,0,.1)}
.culture-list li .pic-box::after{content:'';position:absolute;left:15px;top:5px;bottom:-5px;right:5px;z-index:0;background-color:#fafafa;box-shadow:-4px 0 10px 5px rgba(0,0,0,.1)}
.culture-list li .pic{display:block;display:block;width:100%;height:0;overflow:hidden;position:relative;padding-top:134%;padding-left:20px;z-index:2}
.culture-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}
.culture-list li .info{text-align:center;padding:14px 0 14px 20px;margin-top:30px}
.culture-list li .info .tit{display:block;font-size:24px;color:#2b2b2b;line-height:34px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.culture-list li:hover .tit{color:#d0121b}
.culture-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)}
.culture-box .page-list li.active a,.culture-box .page-list li:hover a{background-color:#d0121b;border-color:#d0121b}
@media only screen and (max-width:1199px){
.culture-box{padding:80px 0}
}
@media only screen and (max-width:959px){
.culture-list li{width:30.3%}
.culture-list li .info .tit{font-size:20px}
}
@media only screen and (max-width:767px){
.culture-box h3{font-size:28px}
.culture-list{margin-left:0}
.culture-list li{width:100%;margin-bottom:20px;margin-left:0}
.culture-list li .pic-box{padding-left:10px}
.culture-list li .pic-box::after{left:5px}
.culture-list li .info{margin-top:10px}
.culture-list li .info .tit{font-size:16px;line-height:26px}
}