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

#news{margin: 0 auto; transition: all .35s; }
#news.active {transform: translateX(-220px);}

#news>.list{ position: relative; 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:1460px;padding:50px 0; margin:0 auto; border-bottom: 1px solid #eee; transition:all .35s;}
#news>.list>ul>li>a:before, #news>.list>ul>li>a:after { content: ""; display: table; }
#news>.list>ul>li>a:after { clear: both; }
#news>.list>ul>li>a { zoom: 1; }
#news>.list>ul>li:last-child a{border: 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:60%; box-sizing: border-box; text-align:left; padding:0 5%;}
#news>.list>ul>li>a .con>.tit{ font-size:2.4rem; color:rgba(53,59,73,1);overflow: hidden;text-overflow:ellipsis; white-space: nowrap; transition:all .35s;}
#news>.list>ul>li>a .con>.txt{ margin:20px 0; line-height:2.6rem; font-size:1.6rem; color:#999;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;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:1.6rem; color:rgb(219 38 29); border:1px solid rgb(219 38 29); border-radius:30px;transition:all .35s;}
#news>.list>ul>li>a .time{ width:10%; color:rgb(219 38 29); text-align:right;}
#news>.list>ul>li>a .time>.dm{ font-size:3.2rem;}
#news>.list>ul>li>a .time>.yy{ font-size:1.8rem;}
#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:rgba(53,59,73,1);border:1px solid rgba(53,59,73,1);}
#news>.list>ul>li>a .img:hover img{transform:scale(1.1);}
#news>.loadmore{ width:86%;max-width:1460px; 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:1.8rem; color:#666; border:1px solid #ddd; border-radius:50px; transition:all .35s;}
#news>.loadmore>a:hover{ background:rgb(219 38 29); border:1px solid rgb(219 38 29); color:#fff;}
#news>.view{ width:86%;max-width:1460px;margin:0 auto;}
#news>.view>.title{ font-size:3.2rem;font-weight:normal;padding:20px; text-align:center;}
#news>.view>.time{text-align:right; font-size:1.6rem; color:#999;padding:0 20px 20px 20px; border-bottom:1px solid #eee;}
#news>.view>.content{margin:0 auto; width:86%; max-width:1200px;padding:50px 0;}
#news>.view>.content{ 
    font-size: 1.7rem;
    line-height: 4.9rem; 
    color:#666;}
#news>.view>.content>p{margin-bottom:20px;}
#news>.view>.content img{max-width:100%;height:auto;}
#news>.view>.content table{ border-top:1px solid #ddd; border-left:1px solid #ddd; box-sizing: border-box; margin:0 auto; width:100%;}
#news>.view>.content table td{ color:#666; font-size:1.4rem; 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>.pageurl{margin:0 auto;padding:50px;font-size:1.4rem;}
#news>.view>.pageurl>.prev, #news>.view>.pageurl>.next{ width:40%; padding:5px; text-align:left; border-bottom:1px solid #aaa;overflow: hidden;text-overflow:ellipsis; white-space: nowrap;}
#news>.view>.pageurl strong{font-weight:normal; font-size:16px;color:#999;}


@media only screen and (max-width: 1200px){
    #news>.list>ul>li>a .con>.txt{ line-height:2.4rem; font-size:1.5rem;}

    #news>.list>ul>li>a .con>.more>span{ padding:8px 30px; font-size:1.4rem;}

}



@media only screen and (max-width: 960px){
    #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>.dm{ font-size:28px;}
    #news>.list>ul>li>a .time>.yy{ font-size:16px;}
    #news>.view>.title{ font-size:28px;}
}

@media only screen and (max-width: 870px){

    #news>.list>ul>li>a .con{width:54%;}
    #news>.list>ul>li>a .time{ width:16%;}

}


@media only screen and (max-width: 780px){

    #news>.list>ul>li>a .img{float: none; width: 100%;}
    #news>.list>ul>li>a .con{ float: none;width: 100%;padding: 5% 3%;}
    #news>.list>ul>li>a .con>.tit{ font-size:2rem;}
    #news>.list>ul>li>a .con>.txt{ margin:10px 0;}
    #news>.list>ul>li>a .con>.more>span{font-size:1.3rem;}
    #news>.list>ul>li>a .time{padding: 3% 3% 0 3%;}
    #news>.list>ul>li>a .time>.dm{ font-size:2.4rem;}
    #news>.list>ul>li>a .time>.yy{ font-size:1.4rem;}

}

@media only screen and (max-width: 640px){

    #news>.list>ul>li>a{padding: 0;}
    #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:1.8rem;}
    #news>.list>ul>li>a .con>.txt{ margin:20px 0;}
    #news>.list>ul>li>a .con>.more>span{font-size:1.4rem;}
    #news>.list>ul>li>a .time{width: 30%;}
    #news>.list>ul>li>a .time>.dm{ font-size:2rem;}
    #news>.list>ul>li>a .time>.yy{ font-size:1.2rem;}
    #news>.list>ul>li:hover{ background:none!important;}

    #news>.loadmore>a{padding:6px 60px; font-size:1.6rem;}

    #news>.view>.title{ font-size:2rem; padding-top: 0;}
    #news>.view>.time{font-size:1.3rem;}
    #news>.view>.content{ font-size:1.4rem; line-height:2.4rem; color:#666;}
    #news>.view>.content table td{font-size:1.2rem; padding:5px; }
    #news>.view>.pageurl{padding:30px 15px;font-size:1.2rem;}
    #news>.view>.pageurl>.prev, #news>.view>.pageurl>.next{ float:none; width:100%; padding:5px; box-sizing:border-box;}

}