/*最大层*/
#box {
    position: relative;
    margin-bottom: 30px;
    overflow: hidden;
    z-index: 1;
}

/*div ul*/
#imgs {
    height: 198px;
    border-radius: 5px;
    overflow: hidden;
}

/* ul 大小*/
#imgs .aa {
    width: 1200px;
    list-style: none;
    display: flex;
    height: 197px;
}

/*li大小,其实就是图片的大小*/
#imgs .aa li {
    float: left;
    padding: 0px 3px;
    flex-shrink: 0;
    width: calc(25% - 9/4);
}

/*图片大小*/
#imgs .aa li img {
    width: 297px;
    height: 198px;
}

#imgs h3 {
    /* color: rgba(243, 243, 246, 1); */
    color: #fff;
    position: absolute;
    bottom: 0;
    z-index: 5000;
    width: 297px;
    padding: 5px;
}

@media screen and (min-width: 150px) and (max-width: 639px) {
    #imgs .aa {
        width: 100vw;
        list-style: none;
        height: 99px;
    }

    #imgs {
        height: 99px;
    }

    #imgs .aa li {
        width: 50%;
    }

    #imgs .aa li img {
        width: 100%;
        height: 99px;
    }


    #imgs h3 {
        bottom: 0;
        width: 170px;
        padding: 5px;
    }
}

@media screen and (min-width: 640px) {
    #imgs .aa {
        width: 680px;
        list-style: none;
        height: 99px;
    }

    #imgs {
        height: 99px;
    }

    #imgs .aa li img {
        width: 151px;
        height: 99px;
    }

    #imgs h3 {
        bottom: 0;
        width: 151px;
        padding: 5px;
    }
}

@media screen and (min-width: 744px) {

    #imgs .aa {
        width: 760px;
        list-style: none;
        height: 99px;
    }

    #imgs {
        height: 99px;
    }

    #imgs .aa li img {
        width: 183px;
        height: 99px;
    }

    #imgs h3 {
        bottom: 0;
        width: 183px;
        padding: 5px;
    }
}

@media screen and (min-width: 1024px) {

    #imgs .aa {
        width: 1050px;
        list-style: none;
    }

    #imgs {
        height: 198px;
    }

    #imgs .aa li img {
        width: 253px;
        height: 198px;
    }

    #imgs h3 {
        bottom: 0;
        width: 253px;
        padding: 5px;
    }
}

@media screen and (min-width: 1280px) {

    #imgs .aa {
        width: 1240px;
        list-style: none;
        height: 197px;
    }

    #imgs,
    #imgs {
        height: 198px;
    }

    #imgs .aa li img {
        width: 297px;
        height: 198px;
    }

    #imgs h3 {
        bottom: 0;
        width: 297px;
        padding: 5px;
    }
}

@media screen and (max-width: 768px) {
    .back-top {
        display: none;
    }
    .hidden-type {
        display: none !important;
    }
}


#gotop1 {width:60px;position:fixed;bottom:60px;cursor:pointer;z-index:99998;right:45%;margin-right:-620px;}
/* 小火箭悬停特效 */#gotop1:hover {animation:rubberBand 1s;}
@keyframes rubberBand {from {transform:scale3d(1,1,1);}
    30% {transform:scale3d(1.25,0.75,1);}
    40% {transform:scale3d(0.75,1.25,1);}
    50% {transform:scale3d(1.15,0.85,1);}
    65% {transform:scale3d(.95,1.05,1);}
    75% {transform:scale3d(1.05,.95,1);}
    to {transform:scale3d(1,1,1);}
}

.pagebar {text-align:center; }
.nav-links {padding-top:20px;}
.nav-links a.page-numbers {background:#fff;color:#1a1a1a;cursor: pointer}
.nav-links .page-numbers {border-radius:3px;padding:0 1em;line-height:34px;text-align:center;margin:0 0 0 5px;display:inline-block;background-color:#ff4b4b;color:#fff;}
.current{
    background-color: #ff4b4b !important;
    color: white !important;
}
.page-numbers:hover{
    background-color: #ff4b4b !important;
    color: white !important;
}