html, body {
    background: #fff3cb;
}

/* .login{width:146px;height:38px;line-height:38px;text-align:center;border-radius:50px;background:#ff9200;font-size:18px;color:#fff;position:absolute;text-decoration:none;right:80px;top:40px;z-index: 1000;} */
/* yg_login.png */
.login {
    /* position:absolute;left:3%; top:42%;;z-index: 1000;  */
    margin: 20px 0 0 -18px;
    display: block;
    text-indent: -99999px;
    width: 249px;
    height: 118px;
    background: url("../images/yg_login.png");
}

.pf {
    z-index: 199;
}

.footer {
    /* position: fixed;
    bottom:0; width:100%; */
    position: relative;
    z-index: 99999;
    padding-top: 40px;
    font-family: "Source Han Sans CN", "Microsoft YaHei", "微软雅黑";
    font-size: 19px;
    color: #ffeaea;
    text-align: center;
    height: 180px;
    line-height: 2;
    background: #575759;
    margin-top: 90px;
    box-sizing: border-box;
}

.login:focus, .login:hover {
    color: #282828;
}

.txtinfo {
    position: absolute;
    left: 5%;
    top: 28%;
    width: 230px;
    line-height: 1.5;
    font-size: 14px;
    color: #29242f;
}

#cp {
    position: absolute;
    top: 776px;
    left: 0%;
    margin-left: auto;
    width: 100%;
    z-index: 99;
}

#carousel-example-generic {
    height: 1060px;
}

#cp .bimg {
    width: 100%;
}

@media (max-width: 900px) {
    .txtinfo {
        position: absolute;
        left: 5%;
        top: 31%;
        width: 400px;
        line-height: 1.5;
        font-size: 14px;
        color: #29242f;
    }

    .login {
        /* position: absolute;
        left: 3%;
        top: 45%;
        z-index: 1000; */
        display: block;
        text-indent: -99999px;
        width: 249px;
        height: 118px;
        background: url("../images/yg_login.png");
        background-size: 100%;
    }

    .footer {
        font-size: 12px;
        margin-top: 20px;
        padding: 15px 0;
        height: auto;
        line-height: 1.5;
    }

    .footer span {
        display: block;
    }

    .row {
        margin: 0;
    }

    #cp {
        position: absolute;
        top: 516px;
        left: 0%;
        margin-left: auto;
        width: 100%;
        z-index: 99;
    }

    #carousel-example-generic {
        height: 820px;
    }
}

@media (max-width: 500px) {
    .carousel-inner {
        height: 460px;
    }

    .txtinfo {
        position: absolute;
        left: 5%;
        top: 31%;
        width: 210px;
        line-height: 1.5;
        font-size: 14px;
        color: #29242f;
    }

    .login {
        /* position: absolute;left: 3%;top: 47%;z-index: 1000; */
        display: block;
        text-indent: -99999px;
        width: 249px;
        height: 118px;
        background: url("../images/yg_login.png");
        background-size: 100%;
        transform: scale(.5);
        transform-origin: left center;
        -webkit-transform: scale(.5);
        -webkit-transform-origin: left center;
    }

    .footer {
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        font-size: 12px;
        margin-top: 20px;
        padding: 15px 0;
        height: auto;
        line-height: 1.5;
    }

    .footer span {
        display: block;
    }

    .row {
        margin: 0;
    }

    #cp {
        position: absolute;
        top: 470px;
        left: 0%;
        margin-left: auto;
        width: 100%;
        z-index: 99;
    }

    #carousel-example-generic {
        height: 610px;
    }
}

.col-xs-6 {
    width: 45%;
}

#carousel-example-generic img {
    width: 150%;
    max-width: 150%;
    margin: 0 -25%;
}

#cp {
    /* margin-top: -90px; */
}

@media (min-width: 992px) {
    .col-md-3 {
        width: 20%;
    }

    #cp {
        position: absolute;
        top: 916px;
        left: 50%;
        margin-left: -586px;
        width: 1171px;
        z-index: 99;
    }

    #carousel-example-generic {
        height: 1260px;
    }

    #carousel-example-generic img {
        width: 130%;
        max-width: 130%;
        margin: 0 -15%;
    }

    .txtinfo {
        position: absolute;
        left: 12%;
        top: 28%;
        width: 547px;
        line-height: 36px;
        font-size: 20px;
        color: #29242f;
    }

    .login {
        /* position:absolute;left:11%; top:44%;;z-index: 1000;  */
        display: block;
        text-indent: -99999px;
        width: 249px;
        height: 118px;
        background: url("../images/yg_login.png");
    }
}

@media (min-width: 1700px) {
    #cp {
        position: absolute;
        top: 916px;
        left: 50%;
        margin-left: -586px;
        width: 1171px;
        z-index: 99;
    }

    #carousel-example-generic {
        height: 1260px;
    }

    #carousel-example-generic img {
        width: 100%;
        margin: 0;
        display: block;
    }

    .txtinfo {
        position: absolute;
        left: 20.5%;
        top: 28%;
        width: 547px;
        line-height: 36px;
        font-size: 20px;
        color: #29242f;
    }

    .login {
        /* position:absolute;left:19.5%; top:42%;;z-index: 1000;  */
        display: block;
        text-indent: -99999px;
        width: 249px;
        height: 118px;
        background: url("../images/yg_login.png");
    }

    .bimg {
        width: 1171px;
        margin: 0 auto;
        z-index: 99;
    }
}