body{ background-color: #f4f4f4; }
 .news_top {
    margin-top: 85px;
    background-color: #b4b4b4;
    position: relative;
}
.news_top .news_top_banner .wap_banner {
        display: none;
}
 .news_top h3{
    position: absolute;
    color: #fff;
    font-size: 25px;
    top: 48%;
    left: 20px;

 }

 .news_top p{
    position: absolute;
    color: #fff;
    font-size: 16px;
    top: 64%;
    left: 20px;
 }

 .news_main{
    background-color: #f4f4f4;
 }
 .news_main .news_con{ background-color: #fff;  
   transform: translateY(-40px);
    padding: 25px;
    width: 1000px;
    padding-top: 15px;}
 .news_main .news_con .news_head{border-bottom: 2px solid #d8d8d8;}     
 .news_main .news_con .news_head h3{ color:#B31D23;font-size: 16px;font-weight: 600;    margin-bottom: 5px; }
 .news_main .news_con .news_head p{ font-size:14px;color: #999;margin-bottom: 15px; }
 .news_main .news_con .article_bd {min-height: 400px;border-bottom: 1px solid #d8d8d8;padding:10px;padding-top:18px;    text-align: justify;}
 .news_main .news_con .article_bd h1,.news_main .news_con .article_bd h2,.news_main .news_con .article_bd h3,.news_main .news_con .article_bd h4,.news_main .news_con .article_bd h5,.news_main .news_con .article_bd h6,.news_main .news_con .article_bd strong {font-weight:bold;font-size: 16px;}
 .news_main .news_con .article_bd p {margin: auto;    text-align: justify; font-size:16px; line-height:25px;}
 .news_main .news_con .article_bd img {height: auto!important;max-width: 100%!important;}

 .news_main .news_con .pages p{ font-size: 15px; height: 35px; line-height: 35px;margin-top: 10px;width: 50%;    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;}
.news_main .news_con .pages p a{color: #666;}
.news_main .news_con .pages p a:hover{color: #B31D23;}


 .recommend{margin-bottom: 50px;}
 .recommend .rec_con {background-color: #fff;padding: 25px;width: 1000px;}
 .recommend .rec_con .rec_title{border-bottom: 1px solid #d8d8d8; position: relative;  }
 .recommend .rec_con .rec_title:before{
        content: '';
        display: block;
        width: 70px;
        height: 2px;
        background-color:#B31D23;
        position: absolute;
        left: 0;
        bottom:-1px; 
        z-index: 2;
  }
 .recommend .rec_con .rec_title h3 {color:#B31D23;font-size: 18px;font-weight: 600;     margin-bottom: 10px;}
 .recommend .rec_con .rec_link{margin:20px 8px;overflow: hidden;
margin-top: 30px;}
 .recommend .rec_con .rec_link p{    color: #666;font-size: 15px; line-height: 1.8em;margin-bottom: 5px;padding-left: 14%;
    background:url(../image/news_icon.png) no-repeat 7% center; background-size: 20px auto;    overflow: hidden;
white-space: nowrap;text-overflow: ellipsis;}
 .recommend .rec_con .rec_link .link_L{width: 49%;float: left;border-right: 1px dashed #999;}
 .recommend .rec_con .rec_link .link_R{width: 50%;float: right;}
 .recommend .rec_con .rec_link .link_R p{    padding-left: 30%;
background: url(../image/news_icon.png) no-repeat 24% center;background-size: 20px auto;}




@media (max-width: 768px){
    .news_top {
        margin-top: 51px;
    }
    .news_top .news_top_banner .wap_banner {
        display: block;
    }
    .news_top .news_top_banner .pc_banner {
            display: none;
    }
    .news_top h3 {
        font-size: 18px;
        top: 20%;
    }
    .news_top p {
        font-size: 13px;
        top: 50%;
    }
    .news_main .news_con {
        padding: 4%;
        width: 90%;
        transform: translateY(0);
    }

    .news_main .news_con .pages p{width: 100%;}
    .news_main .news_con .pages p.text-right{text-align: left;}

    .recommend .rec_con {
        background-color: #fff;
        padding: 4%;
        width: 90%;
        margin-top: 25px;
    }
    .recommend .rec_con .rec_link .link_L{width: 100%;border-right:none;}
    .recommend .rec_con .rec_link .link_R{width: 100%;}
    .recommend .rec_con .rec_link p {
        padding-left: 10%;
        background: url(../image/news_icon.png) no-repeat 2% center;
        background-size: 20px auto;

    }
    .recommend .rec_con .rec_link .link_R p {
         padding-left: 10%;
        background: url(../image/news_icon.png) no-repeat 2% center;
        background-size: 20px auto;
    }
}
