﻿.container{
    min-width:1100px;
}
.sub-cate-2 {
    margin-top: 80px;
    font-size: 3.2em;
    color: #101010;
}

    .sub-cate-2 > a {
        color: #101010;
    }

#doc-type {
    margin: 60px 0 90px 0;
    width: 100%;
}

    #doc-type ul {
        width: 75%;
        height: 100%;
        display: flex;
        justify-content: center;
    }


    #doc-type li {
        position: relative;
        display: inline-block;
        width: 315px;
        min-width: 315px;
        height: 180px;
        /*float: left;*/
        margin-right: 40px;
        background: #F6F7FB;
        border-radius: 20px;
        text-align: center;
    }

        #doc-type li a {
            display: inline-block;
            margin-top: 115px;
            font-size: 20px;
            color: #111112;
            font-weight: 500;
            padding-bottom: 5px;
        }

            #doc-type li a:hover,
            #doc-type li a.current {
                color: #01489A;
                border-bottom: 2px solid #01489A;
            }

        #doc-type li img {
            position: absolute;
            top: 43px;
        }

#type01 img {
    left: 125px;
}

#type02 img {
    left: 138px;
}

#type03 img {
    left: 135px;
}

#doc-list {
    text-align: center;
    min-height: 350px;
}

    #doc-list ul {
        margin-top: 40px;
        height:500px;
    }

        #doc-list ul:after {
            content: "";
            display: table;
            clear: both;
        }

        #doc-list ul li {
            width: 23%;
            /*height:275px;*/
            /*height: 380px;*/
            text-align: center;
            border-radius: 10px;
            margin-bottom: 30px;
            float: left;
            margin-left: 2%;
            position: relative;
            /*background: #F6F7FB;*/
            /*border-radius: 20px;*/
        }



            #doc-list ul li p {
                margin-top:20px;
                font-weight:500;
                font-size:20px;
                padding:0 20px;
            }

            #doc-list ul li img {
                /*width: auto;*/
                width:100%;
                object-fit: cover; /* 保持图片的纵横比 */
                border-radius:20px;
            }

            #doc-list ul li a{
                color:#000;
            }
            #doc-list ul li a:hover {
                color: #01489A;
            }


#cod-list2 {
    width: 100%;
    min-height: 300px;
    margin-top: 40px;
}
    #cod-list2 ul{
        width:100%;
    }

    #cod-list2 ul li {
        width: 97%;
        height: 60px;
        line-height: 60px;
        border-bottom: 1px solid #E5E5E5;
        font-size: 1.2em;
        padding-left: 60px;
    }
        #cod-list2 ul li.pdf {
            background-image: url('/image/doc2/pdf.png');
            background-repeat: no-repeat;
            background-position: 0 center;
        }
        #cod-list2 ul li.ppt {
            background-image: url('/image/doc2/ppt.png');
            background-repeat: no-repeat;
            background-position: 0 center;
        }
        #cod-list2 ul li.doc {
            background-image: url('/image/doc2/doc.png');
            background-repeat: no-repeat;
            background-position: 0 center;
        }
        #cod-list2 ul li.zip {
            background-image: url('/image/doc2/zip.png');
            background-repeat: no-repeat;
            background-position: 0 center;
        }

        #cod-list2 ul li a {
            display: flex;
            width: 100%;
            color: #000;
            position: relative;
        }

            #cod-list2 ul li a:hover {
                cursor: pointer;
                color: #084F9C;
                top: 1px;
            }

#cod-list2 ul li p {
    display: inline-block;
    width: 70%;
    /*float: left;*/
    text-align: left;
}
   

    #cod-list2 ul li div {
        display: inline-block;
        width:410px;
       /* float: right;*/
        text-align: right;
    }
        #cod-list2 ul li div span.date {
            display: inline-block;
            margin-right: 60px;
        }
        #cod-list2 ul li div span.size {
            display: inline-block;
            width: 100px;
        }

    #cod-list2 ul:after {
        content: "";
        display: table;
        clear: both;
    }


    @media (max-width: 1600px) {
        #doc-list ul li {
        height: 350px;
    }


}

@media (max-width: 1368px) {
    #doc-list ul li {
        height: 300px;
    }

}
