.artmiddle{width:100%;padding-bottom:20px;}
.articleco{width: 700px;margin:0 auto;background: #FFF;}
.article{width:700px;margin:0 auto;}
.article_bt{width:700px;height:89px;border-bottom:#d0d0d0 solid 1px;}
.article_bt h5{font-size: 26px;color:#333;width:505px;height:35px;margin:0 auto;padding-top:25px;}
.article nav{float:right;padding-right:8px;}
.article nav li{float:left;padding:0 3px;cursor: pointer;}
.article_gn{width:405px;height:20px;padding-top:10px;margin:0 auto;}
.article_gn span{color:#666;font-size:13px;}

.artcontent{margin:0 auto;}
.artcontent p{color:#333;padding:6px 0;}
.artcontent p:first-child{text-indent:2em}

.article_bot{width:800px;margin:0 auto;padding:20px 0 34px 0;overflow:hidden;}
.artbot_left{width:50%;float: left;}
.artbot_left p{padding:8px 0;font-size: 15px;color:#333;cursor: pointer;}
.artbot_right{float:right;}
.artbot_right li{font-size:15px;float: left;cursor: pointer;padding:35px 0 0 20px;}



@media only screen and (max-width: 767px) {
    .article, .article_bt, .articleco{
        width: 100%;
        max-width: 700px;
    }
    .artcontent>div:last-child{
        width: 100% !important;
        max-width: 700px !important;
        font-size: 15px !important;
    }
    .artcontent>div table{
    width: calc(100% - 2px);
       max-width: 700px;
    }
}