*{
    margin:0;
    padding:0;
}
.article img{
    max-width:100%;
}
.article .pdf_bottom {
    position: -webkit-sticky;
    position: sticky;
}
.article h4 {
    background-color: #333;
    color: #fff;
    top: 0;
    z-index: 1;
}
.article .pdf_middle {
    display: block;
    background-color: #ffffe0;
    position: relative;
}
.article .pdf_bottom {
    background-color: #f0f3f9;
    padding: 10px;
    bottom: 0;
    z-index: -1;
    margin-top:0;
}
.pdf_fix{
    display: block;
    width:1200px;
    margin:0 auto;
    position: relative;
}
.pdf_fix img{
    display: inline-block;
    padding-top:13px;
}
.wrap{
    position:fixed;
    border-bottom:1px solid #C4C4C4;
    z-index:100;
    height:70px;
    width:100%;
    background:rgba(255,255,255,1);
    opacity:0.88;
}

@media only screen and (min-width: 1024px) {
    .down_btn{
        display: block;
        width:284px;
        height:92px;
        background:url(../images/btn1.png)no-repeat;
        background-size:100%;
        position: absolute;
        margin-right:-390px;
        right:50%;
        top:107px;
    }
}
@media only screen and (min-width: 1280px) {
    .down_btn{
        display: block;
        width:284px;
        height:92px;
        background:url(../images/btn1.png)no-repeat;
        background-size:100%;
        position: absolute;
        margin-right:-350px;
        right:50%;
        top:122px;
    }
}
@media only screen and (min-width: 1366px) {
    .down_btn{
        display: block;
        width:284px;
        height:92px;
        background:url(../images/btn1.png)no-repeat;
        background-size:100%;
        position: absolute;
        margin-right:-360px;
        right:50%;
        top:130px;
    }
}
@media only screen and (min-width: 1440px) {
    .down_btn{
        display: block;
        width:284px;
        height:92px;
        background:url(../images/btn1.png)no-repeat;
        background-size:100%;
        position: absolute;
        margin-right:-370px;
        right:50%;
        top:144px;
    }
}
@media only screen and (min-width: 1600px) {
    .down_btn{
        display: block;
        width:284px;
        height:92px;
        background:url(../images/btn1.png)no-repeat;
        background-size:100%;
        position: absolute;
        margin-right:-378px;
        right:50%;
        top:165px;
    }
}
@media only screen and (min-width: 1680px) {
    .down_btn{
        display: block;
        width:284px;
        height:92px;
        background:url(../images/btn1.png)no-repeat;
        background-size:100%;
        position: absolute;
        margin-right:-385px;
        right:50%;
        top:165px;
    }
}
@media only screen and (min-width: 1920px) {
    .down_btn{
        display: block;
        width:284px;
        height:92px;
        background:url(../images/btn1.png)no-repeat;
        background-size:100%;
        position: absolute;
        margin-right:-390px;
        right:50%;
        top:200px;
    }
}
.down_btn:hover{
    background:url(../images/btn2.png)no-repeat;
}
.pdf_bottom p{
    font-size:20px;
    color:#666;
    position: absolute;
    left:50%;
    margin-left:-200px;
    bottom:60px;
}
.nav_btn{
    font-size:16px;
    color:#000;
    display: inline-block;
    cursor: pointer;
    height:70px;
    line-height:70px;
    width:70px;
}
.nav_btn1{
    padding-left:282px;
}
.logo_pdf{
    display: inline-block;
    width:125px;
    height:44px;
    background:url(../images/logo_pdf.png)no-repeat;
    position: absolute;
    left:0;
    top:13px;
}
.pdf_fix .actives{
    color:#357BE8;
    font-weight:bold;
}