/* 横屏手机或平板 */
@media screen and (max-width: 1200px) {

    .public-content,
    .content-div {
        width: 90%;
    }

    .content-div .title a:hover {
        padding-left: 0px;
        font-size: 16px;
        color: #666;
    }

    .content-div .textinfo img,
    .content-div .textinfo img:hover {
        opacity: 1;
        transform: scale(1.0);
    }

    .nav-li a:hover {
        background: none;
        border-radius: 0 0;
        font-size: 18px;
    }

    .nav-div,
    .sen-nav-div {
        width: 80%;
    }

    .content-info {
        width: 90%;
        padding: 80px 5% 5% 5%;
    }

    .columns-item .item-desc {
        background-color: rgba(0, 0, 0, .5);
        -webkit-box-shadow: 0 15px 30px rgba(0, 0, 0, .04);
        box-shadow: 0 15px 30px rgba(0, 0, 0, .07);
        border-radius: .6rem;
    }

    .columns-item .item-desc p {
        -webkit-animation: fade-in .5s;
        animation: fade-in;
        animation-duration: .5s;
        opacity: 1;
    }

}

@media screen and (max-width: 920px) {

    .content-div .textinfo img {
        margin: 0 10px 15px 0px;
    }
}


/* 竖屏手机 */
@media screen and (max-width: 620px) {

    .content-div {
        width: 85%;
    }

    .content-div .textinfo {
        overflow: hidden;
        padding: 10px 20px 0;
        margin: 0;
    }

    .content-div .textinfo img {
        margin: 0;
    }

    .content-div .textinfo p {
        line-height: 20px;
        margin: 0;
        padding: 0;
        font-size: 14px;
    }

    .nav-li .slideDown {
        width: 50%;
    }

    /*详情内容 */
    .content-info {
        width: 90%;
    }

}