/* lg */

@media (min-width:1200px) {
    .section-culture{
        margin-top: -50px;
    }
    .culture{
        padding: 50px 0 20px 0;
    }
    .section-culture h3{
        font-size: 18px;
        color: #333;
        margin-top: 30px;
        line-height: 25px;
    }
    .section-culture .dec{
        font-size: 14px;
        color:#555;
        padding: 1% 0;
    }
    .section-culture ul{
        border-bottom: 1px dashed #ddd;
        padding-bottom: 50px;
    }
    .section-culture ul li{
        float: left;
        height: 170px;
        text-align: center;
    }
    .section-culture ul li span{
        line-height: 40px;
    }
    .section-culture ul li img{
        width: 100%;
        height: 100%;
    }
    .section-culture .culture-ul2 li{
        width: 30%;
    }
    .section-culture .culture-ul2 li{
        width: 30%;
        margin:0 1.65% 0;
        float: left;
    }

}

/* md */

@media (min-width:992px) and (max-width:1199px) {
    .section-culture{
        margin-top: -100px;
    }
    .culture{
        padding: 20px 0 0px 0;
    }
    .section-culture h3{
        font-size: 18px;
        color: #333;
        margin-top: 30px;
        line-height: 25px;
    }
    .section-culture .dec{
        font-size: 14px;
        color:#555;
        padding: 1% 0;
    }
    .section-culture ul{
        border-bottom: 1px dashed #ddd;
        padding-bottom: 50px;
    }
    .section-culture .culture .culture-ul li{
        width: 21%;
        float: left;
        height: 170px;
        text-align: center;
        box-sizing: border-box;
        margin:0 2%;
    }

    .section-culture .culture .culture-ul2  li{
        width: 30%;
        margin:0 1.65% 0;
        float: left;
    }


    .section-culture ul li span{
        line-height: 40px;
    }
    .section-culture ul li img{
        width: 100%;
        height: 100%;
    }
}
/* sm */

@media (min-width:768px) and (max-width:991px) {
    .section-culture{
        margin-top: -50px;
    }
    .culture{
        padding:0;
    }
    .section-culture .about-title{
        text-align: center;
    }
    .section-culture h3{
        font-size: 18px;
        color: #333;
        margin-top: 30px;
        line-height: 25px;
    }
    .section-culture .dec{
        font-size: 14px;
        color:#555;
        padding: 1% 0;
    }
    .section-culture ul{
        border-bottom: 1px dashed #ddd;
        padding-bottom: 50px;
    }
    .section-culture ul li{
        width: 40%;
        float: left;
        height: 170px;
        text-align: center;
        margin:4% 5%;
    }
    .section-culture ul li span{
        line-height: 40px;
    }
    .section-culture ul li img{
        width: 100%;
        height: 100%;
    }
    .section-culture .culture-ul2 li{
        width: 30%;
    }
    .section-culture .culture-ul2 li{
        width: 30%;
        margin:0 1.65% 0;
        float: left;
    }
    .section-culture .dec{
        padding: 1% 0;
        font-size: 13px;
    }

}



/* xs */

@media (max-width:767px) {
    .section-culture{
        margin-top: -50px;
    }
    .culture{
        padding:0;
    }
    .section-culture .about-title{
        text-align: center;
    }
    .section-culture h3{
        font-size: 18px;
        color: #333;
        margin-top: 30px;
        line-height: 25px;
    }
    .section-culture .dec{
        font-size: 14px;
        color:#555;
        padding: 1% 0;
    }
    .section-culture .culture-ul {
        width: 75%;
        margin:0 auto;
        text-align: center;
    }
    .section-culture ul{
        border-bottom: none;
      
    }
    .section-culture ul li{
        width: 100%;
        float: left;
        padding:4% 0;
        text-align: center;
    }
    .section-culture ul li span{
        line-height: 40px;
    }
    .section-culture ul li img{
        width: 100%;
        height: 100%;
    }
    .section-culture .culture-ul2{
        width: 75%;
        margin:0 auto;
    }

    .section-culture .culture-ul2 li{
        width: 100%;
        padding: 4%0;
    }
    .section-culture .dec{
        padding: 1% 0;
        font-size: 13px;
    }

}
.culture-ul li , .culture-ul2 li{
    transition: .4s;
}
.culture-ul li:hover , .culture-ul2 li:hover{
    transform: scale(1.05);
}

