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

    .yz-s-section-banner {
        height: 220px;
        background: url(../images/banner.jpg) no-repeat center top;
        padding-bottom: 60px;
        background-size: 100% 100%;
    }

        .yz-s-section-banner .yz-s-caption {
            font-size: 28px;
            line-height: 30px;
            color: #fff;
        }

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

        .yz-s-section-about .yz-s-caption {
            padding-bottom: 45px;
            font-size: 30px;
        }

        .yz-s-section-about .yz-s-desc {
            padding-bottom: 35px;
            line-height: 25px;
            font-size: 14px;
        }

        .yz-s-section-about .yz-s-img {
            max-width: 100%;
        }

            .yz-s-section-about .yz-s-img img {
                max-width: 100%;
            }

    .yz-s-section-history {
        background: url(../images/history_bg.jpg) no-repeat center top;
        background-size: 100% 100%;
        padding-bottom: 90px;
    }

        .yz-s-section-history .yz-s-caption {
            text-align: center;
            padding-bottom: 80px;
            font-size: 30px;
            color: #fff;
        }

        .yz-s-section-history .yz-s-items {
            background: url(../images/line.png) repeat-y center top;
            max-width: 800px;
        }

        .yz-s-section-history .yz-s-year {
            font-size: 16px;
            line-height: 20px;
            color: #b37d49;
            margin-bottom: 4px;
        }

        .yz-s-section-history .yz-s-item .yz-s-topic {
            font-size: 16px;
            line-height: 20px;
            color: #e0d2a4;
        }

        .yz-s-section-history .yz-s-item .yz-s-desc {
            font-size: 14px;
            color: #b37d49;
            line-height: 18px;
        }

        .yz-s-section-history .yz-s-item-0 {
            padding-left: 50%;
            margin-left: -10px;
        }

            .yz-s-section-history .yz-s-item-0 .yz-s-year,
            .yz-s-section-history .yz-s-item-0 .yz-s-topic,
            .yz-s-section-history .yz-s-item-0 .yz-s-desc {
                padding-left: 40px;
            }

            .yz-s-section-history .yz-s-item-0 .yz-s-year {
                background: url(../images/round.png) no-repeat left center;
            }

        .yz-s-section-history .yz-s-item-1 {
            padding-right: 50%;
            margin-right: -10px;
            text-align: right;
        }

            .yz-s-section-history .yz-s-item-1 .yz-s-year,
            .yz-s-section-history .yz-s-item-1 .yz-s-topic,
            .yz-s-section-history .yz-s-item-1 .yz-s-desc {
                padding-right: 40px;
            }

            .yz-s-section-history .yz-s-item-1 .yz-s-year {
                background: url(../images/round.png) no-repeat right center;
            }

        .yz-s-section-history .yz-s-item-end {
            height: 34px;
            background: url(../images/round_end.png) no-repeat center bottom;
        }

    .yz-s-section-contact {
        padding: 100px 0;
    }

        .yz-s-section-contact .yz-s-caption {
            font-size: 30px;
            padding-bottom: 80px;
            color: #000;
        }

        .yz-s-section-contact .yz-s-item {
            font-size: 18px;
            padding-top: 54px;
            background-position: top center;
            background-repeat: no-repeat;
        }

        .yz-s-section-contact .yz-s-item-tel {
            background-image: url(../images/contact_tel.png);
        }

        .yz-s-section-contact .yz-s-item-email {
            background-image: url(../images/contact_email.png);
        }

        .yz-s-section-contact .yz-s-item-office {
            background-image: url(../images/contact_office.png);
        }
}