@media screen and (max-width:1000px) {
    .pcdoc{
        display: none;
    }
    .mbdoc{
        display: block;
    }
}

@media screen and (min-width:999px) {
    .pcdoc{
        display: block;
    }
    .mbdoc{
        display: none;
    }
}


.nimg{
    width: 100%;
    height: 11.458vw;
    margin-bottom: 1.5625vw;
}
.doccont{
    width: 62.5vw;
    margin: 0 auto;
}
.dleft{
    display: inline-block;
    width:22.5%;
    vertical-align: top;
    margin-right:0.31vw;
}
.dtitle{
    position: relative;
}
.dtitle img{
    width:14.0625vw;
    border: 0.052vw solid #b1b1b1;
}
.dname{
    position: absolute;
    color: #fff;
    font-size: 1.5625vw;
    top: 30%;
    left: 30%;
    text-align: left;
}

.dname p:last-of-type{
    font-size: 1.2vw;
}

.dnavli{
    height: 2.08vw;
    line-height: 2.08vw;
    color: #666;
    font-size: 0.677vw;
    text-align: left;
    border: 0.052vw solid #b1b1b1;
    margin-top: -0.052vw;
}
.dnavli:hover{
    background: #373737;
    color: #fff;
}
.dnavli a{
    color: inherit;
    display: inline-block;
    width: 100%;
    height: 2.08vw;
    line-height: 2.08vw;
    padding: 0 0.25vw;
}
.dnavul .active{
    background: #373737;
    color: #fff;
}

.dleft .bimg{
    margin: 0;
}
.dright{
    display: inline-block;
    width: 77%;
    color: #666;
    text-align: left;
    vertical-align: top;
}
.docnav{
    padding: 0.52vw;
    font-size: 0.6vw;
}
.docnav a{
    color: inherit;
}
.docnav a:hover{
    color: #0079c2;
}
.dline{
    width: 100%;
    height: 0.052vw;
    background: #b1b1b1;
}
.docul{
    margin-top: 0.78vw;
}
.docli{
    display: inline-block;
    position: relative;
    width: 33.3%;
    height: 16.40625vw;
    background: #fff;
    color: #666;
    overflow: hidden;
}
.docli img{
    width: 15vw;
    height: 9.6vw;
}
.docti{
    padding: 0.52vw;
    height: 5.208vw;
    overflow: hidden;
    text-align: justify;
    text-align-last: left;
}
.docti > p:first-of-type{
    font-size: 0.78vw;
    font-weight: bold;
    height: 2.08vw;
    line-height: 2.08vw;
}
.docdiv{
    height: 2.34375vw\0;
    overflow: hidden\0;
    font-size: 0.68vw;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

.doca{
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    /*margin: 10px;*/
    padding: 2.08vw;
    background: rgba(0,0,0,0.5);
    left: 0;
    bottom: -100%;
    color: #fff !important;
    transition: all 0.5s linear;
}

.doca .dline{
    background: #fff;
}
.doca > p:first-of-type{
    font-size: 1.2vw;
    font-weight: bold;
    padding: 0.52vw;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.docp {
    height: 4.1vw;
    height: 3.76vw\0;
    display: -webkit-box;
    font-size: 0.8vw;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    text-align: justify;
    text-align-last: left;
    overflow: hidden;
    margin-top: 1.04vw;
}

.doclist div .docdti{
    font-size: 1.2vw;
    font-weight: bold;
    text-align: center;
    padding: 1.04vw 0 0.52vw 0;
}
.doclist div .dtime{
    text-align: center;
    margin-bottom: 1.04vw;
}
.doclist div .dback{
    width: 100%;
    display: inline-block;
    text-align: right;
    color: inherit;
    font-size: 0.8vw;
    font-weight: bold;
}
.doclist div .dback .iconfont{
    font-size: 0.9vw;
}
.doline{
    width: 100%;
    height: 0.052vw;
    border-bottom: 0.052vw dotted #b1b1b1;
}

.docdc{
    padding: 1.04vw 0.52vw;
    font-size: 0.8vw;
    text-align: left;
}
.docdc p{
    line-height: 2;
}

.doclist div .docdc p img , 
.doclist div .docdc img {
   max-width:  35vw !important;
}
#im .contul{
    display: block;
}

.mdtitle{
    color: #373737;
    font-size: 4rem;
    font-weight: bold;
    margin: 5rem 0;
}

.mdti{
    color: inherit;
}

.mdtitle span{
    display: inline-block;
    vertical-align: middle;
    margin: 2rem 1rem;
}

.mdtitle span:first-of-type{
    font-family: 'Arial Regular' 
}

.vl{
    display: inline-block;
    width: 2px;
    height: 5rem;
    background-color: #d6000f;
}

.ln span{
    display: inline-block;
    width: 15rem;
    height: 2px;
    margin: 0;
}
.ln span:first-of-type{
    background-color: #d6000f;
}
.ln span:last-of-type{
    background-color: #373737;
}

.mdlist{
    width: 120rem;
    padding: 2rem;
}
.mdlist div .docdc{
    font-size: 3.5rem;
}
.mdlist div .docdc img, .mdlist div .docdc p img {
    max-width: 100% !important;
}
.mdli{
    width: 56rem;
    display: inline-block;
    margin: 2rem 0;
}

.mdli:nth-child(2n+0){
    margin-left: 2rem;
}

.mdli a{
    color: #fff;
}
.mdli a img{
    height: 38.4rem;
}
.mdocti{
    width: 100%;
    height: 7rem;
    line-height: 7rem;
    background: rgba(0,0,0,0.5);
    font-size: 4rem;
}

.mbdti{
    font-size: 6rem;
    font-weight: bold;
}

.mdlist .doline{
    margin-top: 4rem;
}

.mdlist .dtime{
    font-size: 3rem;
    margin-top: 2rem;
}