/*slider*/

@media only screen and (min-width: 769px) {
    .slider {
        background: url('../images/w6677.jpg');
        background-size: 100%;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        width: 1020px;
        height: 500px;
        overflow: hidden;
      
        padding: 0px 500px;
        margin-left: -500px;
    }

    .slider .slogan {       
        margin-top: 235px;
        display: flex;
        flex-flow: row nowrap;
        justify-content: center;
        text-align: center;
    }

    .slider p {
        color: #666666;
        font-size: 16px;
        padding: 5px;
        background-color: rgba(255, 255, 255, 0.6);
        word-wrap: break-word;
        box-shadow: 5px 5px 2px #e7cdb4;
    }
}

@media only screen and (max-width: 768px) {
    .slider {
        background: url('../images/w6677.jpg');
        background-size: 100%;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        width: 100%;
        height: 200px;
        overflow: hidden;
    }

    .slider .slogan {
        margin-top: 90px;
        display: flex;
        flex-flow: row nowrap;
        justify-content: center;
        text-align: center;
    }

    .slider p {
        color: #666666;
        font-size: 10px;
        padding: 5px 0;
        background-color: rgba(255, 255, 255, 0.6);
        word-wrap: break-word;
        /* box-shadow: 3px 3px 1px #e7cdb4; */
    }
}