/* 当屏幕宽度小于768px时（移动设备） */
@media (max-width: 767px) {
    .yz-s-section {
        padding: 20px 0px;
        position: relative;
    }

    .yz-s-section-banner {
        height: 312px;
        background: url(../images/banner.jpg) no-repeat center center;
        padding-bottom: 40px;
    }

        .yz-s-section-banner .yz-s-caption {
            font-size: 22px;
            line-height: 42px;
            color: #fff;
        }
        .yz-s-section-banner .yz-s-desc {
            font-size: 22px;
            line-height: 28px;
            color: #f3cf61;
            padding-top: 18px;
        }

    .yz-s-section-filter {
        padding-bottom: 0px;
    }

    .yz-s-section-case {
        padding-top: 0px;
    }

        .yz-s-section-case .yz-s-item-wrap {
            display: block;
            border: solid 1px #dfe6ec;
            border-radius: 3px;
            height: 240px;
        }

        .yz-s-section-case .yz-s-item:hover {
            text-decoration: none;
        }

        .yz-s-section-case .yz-s-item-img {
            height: 100px;
            line-height: 100px;
            text-align: center;
        }

        .yz-s-section-case .yz-s-item-name {
            color: #448ee1;
            font-size: 18px;
            text-align: left;
            padding: 0px;
            margin: 10px 0px;
        }

        .yz-s-section-case .yz-s-item-desc {
            font-size: 14px;
            line-height: 20px;
        }
}