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

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

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

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

/*图片大小*/
#imgs .tyhwh_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 .tyhwh_aa {
        width: 100vw;
        list-style: none;
        height: 99px;
    }

    #imgs {
        height: 99px;
    }

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

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


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

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

    #imgs {
        height: 99px;
    }

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

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

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

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

    #imgs {
        height: 99px;
    }

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

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

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

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

    #imgs {
        height: 198px;
    }

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

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

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

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

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

    #imgs .tyhwh_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;
    }
}



ul.pictxt {
    padding: 15px 0 0 5px;
    /* width: 752px; */
    height: auto;
    display: flow-root;
}

ul.pictxt li a {
    float: left;
    display: inline-block;
    width: 140px;
    height: 183px;
    line-height: 19px;
    font-size: 16px;
    text-align: center;
    border-radius: 10px;
    overflow: hidden;
}


ul.pictxt li {
    float: left;
    width: 200px;
    height: 195px;
}


ul.pictxt li a img {
    margin-bottom: 5px;
    border-radius: 10px;
    width:120px;
    height:120px;
}

 .tit {
    float: left;
    width: 100%;
    height: 26px;
    line-height: 20px;
    color: #222;
    font-size: 18px;
    font-weight: bold;
    border-bottom: 2px solid #f63d3d;
     display:block;
}