@charset "utf-8";
/* CSS Document */

#news{width:100%; margin:0 auto; padding-bottom: 60px;}
#news>.list{ margin:0 auto;overflow:hidden;}
#news>.list>ul{margin:0 auto;}
#news>.list>ul>li{display:block;margin:0 auto; transition:all .35s;}
#news>.list>ul>li>a{ position:relative; display:block; width:86%; max-width:1300px;padding:50px 0; margin:0 auto; transition:all .35s;}
#news>.list>ul>li>a:after{ position:absolute;z-index:3;left:0;bottom:0; width:100%;height:1px; background:#ccc;content:''; transition:all .35s;}
#news>.list>ul>li:last-child a:after{opacity:0;}
#news>.list>ul>li>a .img{ width:30%; text-align:left; overflow:hidden;}
#news>.list>ul>li>a .img>img{width:100%; height:auto; transition:all 1s;}
#news>.list>ul>li>a .con{width:70%;text-align:left; box-sizing:border-box; padding:0 5%;}
#news>.list>ul>li>a .con>.tit{ font-size:24px; color:#333;overflow: hidden;text-overflow:ellipsis; white-space: nowrap; transition:all .35s;}
#news>.list>ul>li>a .con>.txt{ margin:20px 0 30px 0; height:60px; line-height:1.8; font-size:16px; color:#999;display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 2;overflow: hidden;}
#news>.list>ul>li>a .con>.more{ text-align:left;}
#news>.list>ul>li>a .con>.more>span{ display:inline-block;padding:8px 30px; font-size:16px; color:#026ab5; border:1px solid #026ab5; border-radius:30px;transition:all .35s;}
#news>.list>ul>li>a .time{padding:20px 0; font-size:18px;color:#026ab5; text-align:left;}
#news>.list>ul>li:hover{ background:#eee;}
#news>.list>ul>li:hover a:after{ background:none;}
#news>.list>ul>li:hover .con>.more>span{margin-left:6px; color:#fff; background:#026ab5;}
#news>.list>ul>li>a .img:hover img{transform:scale(1.1);}
#news>.loadmore{ width:86%;max-width:1300px; padding:50px 0;margin:0 auto; border-top:1px solid #eee; text-align:center;}
#news>.loadmore>a{display:inline-block; padding:10px 90px; font-size:18px; color:#666; border:1px solid #ddd; border-radius:50px; transition:all .35s;}
#news>.loadmore>a:hover{ background:#026ab5; border:1px solid #026ab5; color:#fff;}
#news>.view{ position:relative; width:86%;max-width:1300px;margin:0 auto;padding:120px 0;}
#news>.view>.title{ font-size:24px;font-weight:normal;padding:20px 10px; text-align:left;}
#news>.view>.time{text-align:left; font-size:16px; color:#026ab5;padding:0 0 20px 10px; border-bottom:1px solid #ccc;}
#news>.view>.back{position:absolute;z-index:4; right:20px; top:60px;}
#news>.view>.back>a{display:block;}
#news>.view>.back>a>img{width:30px; height:auto;}
#news>.view>.content{margin:0 auto; width:80%; max-width:1200px; padding:50px 0;}
#news>.view>.content{font-size:16px; line-height:28px; color:#666;}
#news>.view>.content>p{margin-bottom:20px; text-align: left;}
#news>.view>.content img{max-width:100%;height:auto;}
#news>.view>.content table{ border-top:1px solid #ddd; border-left:1px solid #ddd;margin:0px auto; width:99.6%;}
#news>.view>.content table td{ color:#666; font-size:14px; padding:8px; text-align:center; border-right:1px solid #ddd; border-bottom:1px solid #ddd;}
#news>.view>.content .tableWap{ overflow:hidden; overflow-x:auto;}
#news>.view>.share{ text-align:center;margin:0 auto; padding:50px; }
#news>.view>.share .tit{display:inline-block;font-size:16px; color:#999;}
#news>.view>.share .bshare-custom{display:inline-block;}
#news>.view>.share .bshare-custom a{ padding:0;margin:0 6px!important; border:1px solid #ddd; border-radius:100%; width:36px; height:36px; opacity:1; transition:all .35s;}
#news>.view>.share .bshare-custom .bshare-sinaminiblog{ background:url("../img/icon_weibo.png") no-repeat; background-size:20px auto;background-position:center center;}
#news>.view>.share .bshare-custom .bshare-weixin{ background:url("../img/icon_wechat.png") no-repeat; background-size:20px auto!important;background-position:center center;}
#news>.view>.share .bshare-more{background:url("../img/icon_share.png") no-repeat; padding:0 !important; margin:0 !important; background-size:20px auto!important;background-position:center center;}
#news>.view>.share .bshare-custom a:hover{ opacity:1; transform: translateY(-3px);}
#news>.pageurl{margin:0 auto;font-size:14px;}
#news>.pageurl>.prev{ width:50%; text-align:right; background:#ddd;padding:50px; box-sizing:border-box;}
#news>.pageurl>.prev strong{font-weight:normal; font-size:16px;color:#666;}
#news>.pageurl>.prev>a{display:inline-block; box-sizing:border-box;padding-left:50px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap; color:rgba(0,0,0,.5); background:url("../img/icon_arrow_noline_left_black.png") no-repeat; background-size:20px auto; background-position:center left;}
#news>.pageurl>.next{ width:50%; text-align:left; background:#026ab5;padding:50px;box-sizing:border-box;}
#news>.pageurl>.next>a{display:inline-block; box-sizing:border-box;padding-right:50px; overflow: hidden;text-overflow:ellipsis;white-space: nowrap; color:rgba(255,255,255,.5); background:url("../img/icon_arrow_noline_right_white.png") no-repeat; background-size:20px auto; background-position:center right;}
#news>.pageurl>.next strong{font-weight:normal; font-size:16px;color:#fff;}




@media only screen and (max-width: 1200px){
  #news>.list>ul>li>a .con>.tit{ font-size:22px;}
  #news>.list>ul>li>a .con>.txt{ height:40px; line-height:21px; font-size:14px;-webkit-line-clamp:2;}
  #news>.list>ul>li>a .con>.more>span{ padding:6px 26px; font-size:13px;}
  #news>.list>ul>li>a .time{padding:10px 0; font-size:16px;}
  #news>.view>.title{ font-size:24px;}
  #news>.pageurl>.prev{float:none; display:block; width:100%;padding:30px; text-align:left;}
  #news>.pageurl>.prev>a{display:block;}
  #news>.pageurl>.next{float:none; display:block; width:100%;padding:30px; text-align:left;}
  #news>.pageurl>.next>a{display:block;}
  #news>.pageurl>.prev strong, #news>.pageurl>.next strong{font-size:14px;}
}

@media only screen and (max-width: 800px){
  #news>.list>ul>li>a .con>.tit{ font-size:20px;}
  #news>.list>ul>li>a .con>.txt{ margin:10px 0;}
  #news>.list>ul>li>a .con>.more>span{font-size:12px;}
  #news>.list>ul>li>a .time{ font-size:14px;}


}

@media only screen and (max-width: 640px){
  #news>.list>ul>li>a .img{ float:none; width:100%;}
  #news>.list>ul>li>a .con{ float:none; width:100%;padding:20px 0;}
  #news>.list>ul>li>a .con>.tit{ font-size:22px;}
  #news>.list>ul>li>a .con>.txt{ margin:20px 0;}
  #news>.list>ul>li>a .con>.more>span{font-size:14px;}
  #news>.view>.title{ font-size:20px;}
  #news>.view>.time{font-size:13px;}
  #news>.view>.content{ font-size:14px; line-height:24px; color:#666;}
  #news>.view>.content table td{font-size:12px; padding:5px; }
  #news>.view>.share{ padding:30px; }
  #news>.view>.share .bshare-custom a{ margin:0 10px!important; width:40px; height:40px;}

}