@charset "utf-8";



.newslist_{width:1264px;margin:0 auto;}
.newslist_ a{display: block;width:1264px;height:421px;margin:0 auto 25px auto;background:#ffffff;}
.newslist_ a .img{right:0;top:0;}
.newslist_ a .text{width:330px;left:44px;top:30px;}
.newslist_ a .text h4{font-size:16px;font-weight:normal;color:#999;height:60px;}
.newslist_ a .text h2{font-size:20px;font-weight:normal;color:#444;height:60px;}
.newslist_ a .text .content{line-height:23px;color:#676767;}
.newslist_ a .text .more{margin:50px 0 0 0;}
.newslist_ a .text .more span{display: inline-block;width:120px;height:42px;line-height: 42px;color:#444;border:1px solid #444;text-align: center;border-radius:4px;font-size:14px;}
.newslist_ a:hover{background:#333;box-shadow:0px 0px 12px #aaa;}
.newslist_ a:hover h4{color:#ddd;}
.newslist_ a:hover h2{color:#fff;}
.newslist_ a:hover .content{color:#ccc;}
.newslist_ a:hover .more span{background:#222;color:#fefefe;border-color:#fefefe;box-shadow:2px 2px 14px #222;}


@media screen and (max-width:600px)
{
    .newslist_{width:100%;margin:0 auto;}
    .newslist_ a{display: block;width:100%;height:auto;margin:0 auto 25px auto;background:#ffffff;padding:0 0 10px 0;border-bottom:1px solid #eee;}
    .newslist_ a .img{right:0;top:0;position: inherit;}
    .newslist_ a .img img{width:100%;height:auto;}
    .newslist_ a .text{width:90%;left:inherit;top:inherit;position:inherit;margin:10px auto;}
    .newslist_ a .text h4{font-size:13px;font-weight:normal;color:#999;height:25px;}
    .newslist_ a .text h2{font-size:18px;font-weight:normal;color:#444;height:35px;}
    .newslist_ a .text .content{line-height:23px;color:#676767;display: none;}
    .newslist_ a .text .more{margin:0px 0 0 0;font-size:28px;font-family: 'verdana';}
    .newslist_ a .text .more span{display: inline-block;width:120px;height:42px;line-height: 42px;color:#444;border:1px solid #444;text-align: center;border-radius:4px;font-size:14px;}
    .newslist_ a:hover{background:#333;box-shadow:0px 0px 12px #aaa;}
    .newslist_ a:hover h4{color:#ddd;}
    .newslist_ a:hover h2{color:#fff;}
    .newslist_ a:hover .content{color:#ccc;}
    .newslist_ a:hover .more span{background:#222;color:#fefefe;border-color:#fefefe;box-shadow:2px 2px 14px #222;}

}