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


#news{margin: 0 auto; padding: 100px 0;}
#news .lists>ul{ margin: 0 auto;}
#news .lists>ul>li{margin-bottom:50px;}
#news .lists>ul>li>a{display:block; }
#news .lists>ul>li>a>.date{ width: 15%; float: left; position: relative; padding: 50px 0 10px 0; box-sizing: border-box; border-bottom: 1px solid #eee;}
#news .lists>ul>li>a>.date>h3{display: block; color: #0079c3; font-size: 20px; font-weight: bold;}
#news .lists>ul>li>a>.date>span{display: block;padding: 5px 0; font-size: 14px; color: #999;}
#news .lists>ul>li>a>.img{width:25%; float:left; overflow:hidden;border: 1px solid #f3f3f3;}
#news .lists>ul>li>a>.img>img{width:100%; height:100%;  transition:all .45s;}
#news .lists>ul>li>a>.con{width:50%; float:right; height:160px; margin-top:35px; position:relative;}
#news .lists>ul>li>a>.con>.title{font-size:16px; display:block; color:#0079c3; transition:all .2s;}
#news .lists>ul>li>a>.con>.date{font-size:12px; display:block; color:#ccc; line-height:180%; padding:17px 0 0 0;}
#news .lists>ul>li>a>.con>.content{font-size:13px; display:block; color:#999; line-height:180%; padding:17px 0 0 0;}
#news .lists>ul>li>a>.con>.arrow{display:block; width:26px; height:26px; background:url(/img/arr.png) no-repeat center right; position:absolute; left:0; bottom:0; overflow:hidden; transition:all .3s .08s;}
#news .lists>ul>li>a:hover>.con>.arrow{background-position:center left;}
#news .lists>ul>li>a:hover>.con>.title{color:#333;}
#news .lists>ul>li>a:hover>.img>img{transform: scale(1.1);}


#news .view{margin: 0 auto;}
#news .view>.title{font-size: 3rem; color: #0079c3;padding: 15px 0; text-align: left;}
#news .view>.info{ background: #f7f7f7;padding: 10px 20px; font-size: 14px; color: #666;}
#news .view>.info>.txt{width: 50%; height: 38px; line-height: 38px;}
#news .view>.info>.share{width: 190px; text-align: right;}
#news .view>.text{ padding: 30px 0; font-size: 14px; line-height: 24px; color: #666;}
#news .view>.text img{max-width: 100%; height: auto; margin-bottom: 30px;}