.bgf4 {
    background: #c6c6c6
}

.p60 {
    padding: 60px 0
}

.case-list li {
    position: relative;
    margin-bottom: 40px;
    background: #227027
}

.case-pic img {
    max-width: 400px;
    height: auto
}

.case-list dl {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 400px;
    right: 0;
    padding: 40px 50px;
    color: #fff
}

.case-title h2 {
    font-size: 22px;
    line-height: 30px;
    color: #fff;
    font-weight: 700
}

.case-text {
    line-height: 20px;
    font-size: 16px;
    margin: 20px 0
}

.case-more {
    color: #fff;
    font-family: akzidenzgrotesk-bold
}

.case-more:before,
.case-list li:hover .case-more:after {
    content: "";
    display: inline-block;
    width: 23px;
    height: 8px;
    background: url(../images/icons2.png) no-repeat -55px -7px;
    margin-right: 10px;
    vertical-align: middle
}

.case-list li:hover dt,
.culture-list01 li:hover dt {
    color: #227027
}

.case-list li:hover .case-more:before {
    width: 0;
    opacity: 0;
    filter: alpha(opacity=0)
}

.case-list li:hover .case-more:after {
    margin-right: 0;
    margin-left: 10px
}

@media screen and (max-width:990px) {
    .case-text {
        margin: 10px 0;
        line-height: 22px
    }

    .case-title h2 {
        font-size: 20px
    }
}

@media screen and (max-width:767px) {
    .p60 {
        padding: 20px 0
    }

    .bgf4 {
        background: #fff
    }

    .case-list li {
        margin-bottom: 25px
    }

    .case-pic {
        text-align: center
    }

    .case-pic img {
        max-width: 400px;
        width: 100%
    }

    .case-list dl {
        position: inherit;
        padding: 10px
    }

    .case-title h2 {
        text-align: center
    }

    .home_boxtit h1 {
        font-size: 24px
    }
}