/* 文章列表页 */


/* 文章列表页主体内容 */
.article_list{margin:10px auto;position:relative;min-height: 660px;}
.article_list_left {width:75%;box-sizing: border-box; }
.article_list_left ul{display: inline-block;}
.article_list_left ul li {display: inline-block; float: left; width: 100%; box-sizing: border-box; list-style: none; padding: 10px; border-bottom: 1px solid #ccc;}
.article_list_left ul li:first-child{border-top: 1px solid #ccc;}
.article_list_left ul li img{width:182px;height: 112px; margin-right: 20px;border-radius: 3px;}
.article_list_left ul li div{width: 670px; font-size: 12px; padding-bottom: 10px; }
.article_list_left ul li div h2 {font-size: 16px; line-height: 2; margin:0;}
.article_list_left ul li div span{ font-size: 12px;line-height: 2; padding: 0 10px; color: #999;}
.article_list_left ul li div p {font-size: 12px; line-height: 2;color: #999;max-height: 52px; overflow:hidden;text-overflow:ellipsis;} 




   /*翻页*/
   .pagebar{height:20px; padding:15px 0; text-align:center;font-size:14px; background-color: #fff; margin: 20px auto;}
   .pagebar a,   .pagebar .lis{display: inline-block; margin:0 3px; color:#555; text-decoration:none;  background:#fff; border:1px solid #ddd; min-width:28px; height:28px; line-height:28px; text-align:center; white-space:nowrap;
   }
   .pagebar a:hover,   .pagebar .page_now{background:#fff; color:#409bfc;border:1px solid #fff; }
   .pagebar .next,   .pagebar .last,   .pagebar .prev,   .pagebar .onon{background:#55BB19; border:1px solid #55BB19; color:#000; width:66px; height:28px; text-align:center; line-height:28px;
   border: 1px solid #ddd;    background-color: #f7f7f7;    background-repeat: repeat-x;    background-image: -webkit-linear-gradient(top,#f7f7f7,#f2f2f2);}
   .pagebar .onon{display: inline-block; color:#555;
   
   
    }


/* 分页 */
/* .pagebar{text-align: center; background-color: #fff; margin: 20px auto;}
.pagebar a{display: inline-block; padding: 0 8px; border: 1px solid #ccc; text-align: center; margin: 0 5px; line-height: 25px;}
.pagebar a:hover {background-color: #409bfc; color: #fff;} */

/* 右边内容 */
.pro_recom {text-align: left; width: 260px; margin-bottom: 20px;}
.pro_recom  h2{text-align: left; font-size: 16px; line-height: 2;margin-bottom: 20px; padding-left: 10px; border-left: 4px solid #409bfc; }
.pro_recom ul li {margin-top: 20px;}
.pro_recom ul li a{display: flex;}
.pro_recom ul li a  img{width: 100px;height: 70px; margin-right: 10px; border-radius: 3px;}
.pro_recom ul li a .pro_recom_mian{flex: 1;}
.pro_recom ul li a .pro_recom_mian h3 {font-size: 14px; font-weight: bold;}
.pro_recom ul li a .pro_recom_mian p{font-size: 14px; font-weight: bold; line-height: 2; color: #fe4214;}

/* 文章详情页 */
.article {width: 880px;overflow: hidden;padding: 10px 20px;box-sizing: border-box;margin-right: 20px; background-color: #fff;}
.article h1{font-size: 16px; font-weight: bold; line-height: 3; text-align: center;}
.article .author{text-align:center;} 
.article .author span{font-size: 14px ;line-height: 2.5; color: #706e6e; margin-left: 10px;}
.article .content {font-size: 16px;}
.article .content p{text-align: left; text-indent: 2em;}
.article .content h2{/*color: #f43434;*/font-weight: bold;line-height: 2;font-size:18px;}
.article .content img{border-radius:5px;max-width:100%!important;height:auto;display:block;margin:0 auto;}

.article .content .guide {font-size: 14px; line-height: 1.5; background-color: #edf2f5; margin: 20px 0; padding: 10px 10px;}
.article .content .guide span{color: #1e9ef5;}

.article .content .read_other {font-size: 14px; line-height: 1.5; background-color: #edf2f5; margin: 20px 0; padding: 10px 10px;}
.article .content .read_other p{font-size: 18px; line-height: 2;}
.article .content .read_other h2 {font-size: 14px;line-height: 2;}

.article .content .pagnav {font-size: 14px; line-height: 2;}

/* .article .content .pagnav a span{float: left; margin-right: 2%;} */

/* 推荐阅读： */

.con_title h2{font-size: 22px;color: #333;display: inline-block;padding-left: 10px;border-left: 4px solid #409bfc; margin: 30px 0;}
.con_title  ul{padding: 0 20px;}
.con_title  ul li {float: left; width: 50%;  }
.con_title  ul li a{ color: #1e9ef5; font-size: 14px ;line-height: 2;}


.comp_about{padding:20px 10px;}
.comp_about h1{ font-size: 22px; text-align: center; line-height: 2; margin: 20px;}
.comp_about .comp_about_img img{height: 400px; width: 600px; margin-right: 50px;}
.comp_about .comp_about_right{overflow: hidden; font-size: 14px; line-height: 2;}
.ba_gsln{background: #fbfbfb;padding-top: 27px;padding-right: 26px;padding-bottom: 32px;}
.ba_gsln ul li{float: left;}
.ba_gsln ul li:last-of-type{float: right;}
.ba_gsln ul li:nth-of-type(2){margin-left: 40px;}
.ba_gsln ul li:nth-of-type(3){margin-left: 40px;}
.ba_gsln ul li img{width: 260px;height: 177px;border-radius: 8px;box-shadow: 0 5px 5px #dedede;}
.ba_gsln ul li p{line-height: 32px;font-size: 12px;color: #666666;text-align: center;margin-top: 18px;}
.ba_gsln ul li p b{font-size: 18px;color: #010101;font-weight: normal;padding-right: 15px;}