/****************************  ****************************/

.container {
    max-width: 1440px;
    padding: 0 105px;
}

.site-nav .container {
    max-width: 1230px;
    padding: 0 15px;
}

.header-top .container {
    max-width: 1230px;
    padding: 0 15px;
}


/****************************  ****************************/

.bg {
    position: relative;
}

.bg_left {
    /*background: url('../images/index/main_bg_l.png');*/
    position: absolute;
    width: 387px;
    height: 368px;
    left: -361px;
    bottom: -6px;
}

.bg_right {
    /*background: url('../images/index/main_bg_r.png');*/
    position: absolute;
    width: 393px;
    height: 369px;
    right: -360px;
    bottom: -8px;
}


/****************************  ****************************/

.site-footer {
    background: url('../images/index/footer_bg.png') 50% 0 no-repeat;
    max-width: 1200px;
    margin: 0 auto;
}

.login-footer {
    max-width: 100%;
}

.footer-bottom .container {
    padding: 5px 20px 0 25px;
}

.footer-top,
.floating .ibtn.gotop {
    display: none;
}

.footer-bottom {
    background: none;
    padding-top: 25px;
}


/****************************  ****************************/

@media screen and (max-width: 1350px) {
    .footer-bottom {
        text-align: center;
    }
    .footer-bottom .container {
        padding: 5px 0 0 0;
    }
    .footer-bottom .col,
    .footer-bottom .fllow,
    .site-box {
        float: none;
        width: 100%;
        margin: 0;
        max-width: 100%;
    }
    .footer-bottom .qrcode,
    .footer-bottom .fllow {
        display: inline-block;
        width: auto;
        vertical-align: middle;
        padding: 0 0 15px;
    }
    .footer-bottom .footer-logo {
        margin: 0 0 0 -360px;
        position: absolute;
        left: 50%;
    }
    .site-info {
        width: auto;
    }
}

@media screen and (max-width: 960px) {
    .footer-bottom .footer-logo {
        position: static;
        margin: 0;
        display: block;
    }
    .banner:before,
    .banner:after {
        top: 0;
        height: 100%;
    }
    .bg_left,
    .bg_right {
        bottom: -50px;
    }
}

@media screen and (max-width: 767px) {
    .footer-bottom {
        text-align: left;
        padding: 55px 10px 25px;
    }
    .footer-bottom .footer-logo,
    .footer-bottom .qrcode {
        display: none;
    }
    .footer-bottom .fllow {
        bottom: -15px;
        left: 128px;
    }
    .bg_left,
    .bg_right {
        bottom: -80px;
        -moz-transform: scale(0.8);
        -webkit-transform: scale(0.8);
        transform: scale(0.8);
    }
    .bg_left {
        left: -348px;
    }
    .bg_right {
        right: -351px;
    }
}

@media screen and (max-width: 660px) {
    .container {
        padding: 0 55px;
    }
    .bg_left,
    .bg_right {
        -moz-transform: scale(0.5);
        -webkit-transform: scale(0.5);
        transform: scale(0.5);
    }
    .bg_right {
        right: -282px;
    }
    .bg_left {
        left: -280px;
    }
}

@media screen and (max-width: 480px) {
    .bg_left,
    .bg_right {
        bottom: -120px;
    }
}

@media screen and (max-width: 400px) {
    .container {
        padding: 0 35px;
    }
    .bg_left,
    .bg_right {
        -moz-transform: scale(0.35);
        -webkit-transform: scale(0.35);
        transform: scale(0.35);
        bottom: -117px;
    }
    .bg_right {
        right: -252px;
    }
    .bg_left {
        left: -253px;
    }
}