@charset "utf-8";

.R{background:url(../img/bgty.html) top center no-repeat;}

.newslit_bg{width:100%;padding:80px 0 0 0;}
{width: 100%;max-width: 100%;}
 .newslit_bg { width: 1200px;max-width: 100%;margin: 0 auto; }
 .newslit_bg .box_0 { width: 100%;display: flex;flex-wrap: wrap;overflow: hidden;padding-bottom: 50px;border-bottom: 1px solid #cccccc;margin-bottom: 50px; }
 .newslit_bg .box_0 a { width: 100%;display: flex;flex-wrap: wrap;overflow: hidden; position: relative;}
 .newslit_bg .box_0 .time{ flex: 0 0 10%; box-sizing: border-box;padding-right: 22px;}
 .newslit_bg .box_0 .time .f_t{ font-size: 32px;color: #1a1a1a; text-align: right;}
 .newslit_bg .box_0 .time .f_c { font-size: 20px; color: #808080;text-align: right; }

 .newslit_bg .box_0 .cont { position: relative; flex: 0 0 23.75%; }
 .newslit_bg .box_0 .cont .zz { transition: all 0.5s ease; opacity: 0; top: -230px; position: absolute;left: 0;right: 0; height: 100%; background: rgba(0,0,0,0.4);display: flex;align-items: center;justify-content: center;}
 .newslit_bg .box_0 .cont .zz .icon{ height: 45px;width: 45px; }
 .newslit_bg .box_0 .cont .zz .icon img{ height: 45px;width: 45px; }
 .newslit_bg .box_0 .cont .pic{height: 230px;}



 .newslit_bg .box_0 .font { flex: 1;box-sizing: border-box;padding-left: 45px; }
 .newslit_bg .box_0 .font .f_t{ font-size: 26px; color: #1a1a1a; padding-bottom: 10px;}
 .newslit_bg .box_0 .font .f_c {transition: all 0.5s ease;font-size: 16px;color: #808080;position: relative;box-sizing: border-box;height: 88px;padding-top: 20px; overflow: hidden;line-height: 30px;}
 .newslit_bg .box_0 .font .f_c .xian { height: 88px;width: 1px;background: #919191; left: 0;top: 90px;position: absolute; transition: all 0.3s ease;}
 .newslit_bg .box_0 .font .more {width: 134px;height: 42px;background: #DB1F25;display: flex;align-items: center;justify-content: center;color: #fff;position: absolute;bottom: 0px;font-size:14px;}

 .newslit_bg .box_0:hover .zz { transition: all 0.5s ease; opacity: 1;top: 0px; }
 .newslit_bg .box_0:hover .font .f_c{padding-left:20px;}
 .newslit_bg .box_0:hover .font .f_c .xian { transition: all 0.5s ease; opacity: 1;top: 0px; transition: all 0.5s ease;}
 .newslit_bg .box_0:hover .font .f_t{ font-size: 26px; color: #DB1F25; }


.newslist_ .page{text-align: center;padding:65px 0 75px 0;}
.newslist_ .page a{display: inline-block;width:auto;padding:0 19px;line-height: 38px;border:1px solid #999;font-size: 15px;font-family:'verdana';margin:0 9px;box-shadow:0 2px 3px #eee;}
.newslist_ .page a:hover{border:1px solid #DB1F25;color:#DB1F25;}
.newslist_ .page a.selected{border:1px solid #DB1F25;color:#fefefe;background:#DB1F25;}

@media screen and (max-width:600px)
{
    .R{background:#f2f2f2 top center no-repeat;}

    .newslit_bg{width:100%;padding:80px 0 0 0;}
    {width: 100%;max-width: 100%;}
     .newslit_bg { width: 1200px;max-width: 100%;margin: 0 auto; }
     .newslit_bg .box_0 { width: 92%;display: block;flex-wrap: none;overflow: hidden;padding-bottom: 50px;border-bottom: 1px solid #cccccc;margin: 20px auto; }
     .newslit_bg .box_0 a { width: 100%;display: block;flex-wrap: wrap;overflow: hidden; position: relative;}
     .newslit_bg .box_0 .time{ flex: 0; box-sizing: border-box;padding-right: 22px;display: none;}
     .newslit_bg .box_0 .time .f_t{ font-size: 13px;color: #1a1a1a; text-align: left;display: inline;}
     .newslit_bg .box_0 .time .f_c { font-size: 13px; color: #808080;text-align: left;display: inline;}
    
     .newslit_bg .box_0 .cont { position: relative; flex: 0; }
     .newslit_bg .box_0 .cont .zz { transition: all 0.5s ease; opacity: 0; top: -230px; position: absolute;left: 0;right: 0; height: 100%; background: rgba(0,0,0,0.4);display: flex;align-items: center;justify-content: center;}
     .newslit_bg .box_0 .cont .zz .icon{ height: 45px;width: 45px; }
     .newslit_bg .box_0 .cont .zz .icon img{ height: 45px;width: 45px; }
     .newslit_bg .box_0 .cont .pic{height: 230px;}
     .newslit_bg .box_0 .cont .pic img{width: 100%;}
    
    
    
     .newslit_bg .box_0 .font { flex: 1;box-sizing: border-box;padding-left: 0; }
     .newslit_bg .box_0 .font .f_t{ font-size: 20px; color: #1a1a1a; padding: 10px 0;}
     .newslit_bg .box_0 .font .f_c {transition: all 0.5s ease;font-size: 13px;color: #808080;position: relative;box-sizing: border-box;height: 108px;padding-top: 0; overflow: hidden;line-height: 24px;}
     .newslit_bg .box_0 .font .f_c .xian { height: auto;width: 1px;background: #919191; left: 0;top: 90px;position: absolute; transition: all 0.3s ease;}
     .newslit_bg .box_0 .font .more {width: 134px;height: 42px;background: #DB1F25;display: flex;align-items: center;justify-content: center;color: #fff;position: inherit;bottom: 0px;font-size:14px;}
    
     .newslit_bg .box_0:hover .zz { transition: all 0.5s ease; opacity: 1;top: 0px; }
     .newslit_bg .box_0:hover .font .f_c{padding-left:0;}
     .newslit_bg .box_0:hover .font .f_c .xian { transition: all 0.5s ease; opacity: 1;top: 0px; transition: all 0.5s ease;}
     .newslit_bg .box_0:hover .font .f_t{ font-size: 20px; color: #DB1F25; }
    
    
    .newslist_ .page{text-align: center;padding:65px 0 75px 0;}
    .newslist_ .page a{display: inline-block;width:auto;padding:0 19px;line-height: 38px;border:1px solid #999;font-size: 15px;font-family:'verdana';margin:0 9px;box-shadow:0 2px 3px #eee;}
    .newslist_ .page a:hover{border:1px solid #DB1F25;color:#DB1F25;}
    .newslist_ .page a.selected{border:1px solid #DB1F25;color:#fefefe;background:#DB1F25;}
}
