.front-sitehat .tips-container .slider-wrap {
    display: none !important;
}
.front-sitehat .main-top-banner {
    display: block;
    margin: 0 -8px 0;
    padding-top: 60px;
}
.front-sitehat .main-top-banner:before {
    content: '';
    display: block;
    height: 60px;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    width: 100%;
    background-color: #f2f1f0;
}
.front-sitehat .main-top-banner .slider-buttons {
    right: 22.5px;
}
.front-sitehat .main-top-banner__link {
    display: block;
    overflow: hidden;
    width: 100%;
    height: 300px;
}
.front-sitehat .main-top-banner__content {
    display: block;
    width: 1560px;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -780px;
}
.left-banner-bar {
    position: absolute;
    top: 0;
    right: 50%;
    margin-right: 780px;
}
.right-banner-bar {
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: 780px;
}
.left-banner-bar,
.right-banner-bar {
    width:180px;
}
.left-banner-bar a,
.right-banner-bar a {
    display: block;
}
.left-banner-bar img,
.right-banner-bar img {
    width: 100%;
    height: auto;
}

@media screen and (max-width:1920px) {
    
    .left-banner-bar {
        right: 90.6%;
        margin-right: 0;
    }
    .right-banner-bar {
        left: 90.6%;
        margin-left: 0;
    }
    
}

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

    .front-sitehat .main-top-banner {
        margin: 0;
    }
    
}


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

    .front-sitehat .main-top-banner {
        margin: 0 -300px 0 -9px;
    }
    
}

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

    .front-sitehat .main-top-banner {
        margin: 0;
    }
    .front-sitehat .main-top-banner__content {
        /*width: 100%;
        margin-left: 0;
        left: 0;*/
        width: 160%;
        margin-left: 0;
        left: -14%;
    }
    .front-sitehat .main-top-banner__link {
        height: 0;
        padding-bottom: 30.5%;
    }
    .front-sitehat .tip-row {
        margin-top: -20px;
    }
    
}