@charset "UTF-8";


.culture{
    padding: 70px 0 100px;
}
.culture ul{
    width: 950px;
    margin: auto;
}
.culture ul li:hover{
    top: -10px;
    box-shadow: 0 10px 20px -10px;
}
.culture ul li.on{
    transform: scale(1);
}
.culture ul li{
    position: relative;
    top: 0;
    float: left;
    box-sizing: border-box;
    width: 48%;
    height: 230px;
    margin-left: 4%;
    margin-bottom: 35px;
    padding-top: 40px;
    text-align: center;
    border-radius: 10px;
    transition: .6s;
    transform: scale(0);
}
.culture ul li:nth-child(2n+1){
    margin-left: 0;
}
.culture ul li:nth-child(1){
    background: #00856b url("../img/cbg1.png") no-repeat left bottom;
}
.culture ul li:nth-child(2){
    background: #0d6fb8 url("../img/cbg2.png") no-repeat left bottom;
}
.culture ul li:nth-child(3){
    background: #a03232 url("../img/cbg3.png") no-repeat left bottom;
}
.culture ul li:nth-child(4){
    background: #665eb7 url("../img/cbg4.png") no-repeat left bottom;
}
.culture ul li h3{
    margin-bottom: 20px;
    color: #fff;
    font-size: 30px;
}
.culture ul li h3:nth-child(1){
    text-shadow: 1px 1px 0px #066351;
}
.culture ul li h3:nth-child(2){
    text-shadow: 1px 1px 0px #07406a;
}
.culture ul li h3:nth-child(3){
    text-shadow: 1px 1px 0px #710c0c;
}
.culture ul li h3:nth-child(4){
    text-shadow: 1px 1px 0px #2e2964;
}
.culture ul li p{
    margin-bottom: 10px;
    color: rgba(255,255,255,.55);
}
.culture ul li p span + span{
    margin-left: 10px;
}