@charset "utf-8";

div,p,span,em,b,strong,ul,li, a {font-family:"nsk_m";}

#body_layout{padding:0 0 66px; border-top:1px solid #e6e6e6;}

#top_news {overflow:hidden; position:relative; height:505px; margin:50px 0 100px; padding:0 400px 0 0;}
#top_news .tit_wrap {position:absolute; top:0; right:0; width:400px; height:100%; background:#444; text-align:left;}
#top_news .tit_wrap .tit {padding:25px 40px; font-size:22px; color:#fff; font-weight:700;}
#top_news .tit_wrap .menu_news {}
#top_news .tit_wrap .menu_news li {}
#top_news .tit_wrap .menu_news li a {display:block;overflow:hidden;position:relative;width:100%;padding:15px 40px;font-size:16px;color:#b2b2b2;text-overflow: ellipsis;white-space: nowrap;}
#top_news .tit_wrap .menu_news li a:after {display:block; position:absolute;left:40px; right:40px; bottom:0; width:auto; height:1px; background:#555; content:'';}
#top_news .tit_wrap .menu_news li a.ov {background:#6aa64d; color:#fff;}
#top_news .tit_wrap .menu_news li a.ov:after {display:none;}
#top_news .con_news {width:100%; height:100%;}
#top_news .con_news .con {position:relative; width:100%; height:100%;}
#top_news .con_news .con .cont {width:100%; height:100%;}
#top_news .con_news .con .cont .img_b {position:absolute; top:0; left:0; z-index:1; width:100%; height:100%; }
#top_news .con_news .con .cont .img_b .thumbResize_A {display:block; overflow:hidden; position:relative; width: 100%;height: 100%;}
#top_news .con_news .con .cont .img_b .thumbResize_A img {width: 100%;max-width: 1000%;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);}
#top_news .con_news .con .cont .txt_b {position:absolute; left:0; bottom:40px;z-index:2; width:100%; padding:0 10% 0 40px; text-align:left; }
#top_news .con_news .con .cont .txt_b .cont_tit {overflow:hidden; width:100%; margin:0 0 10px;font-size:36px; color:#fff; font-weight:700;text-overflow: ellipsis;white-space: nowrap;}
#top_news .con_news .con .cont .txt_b p{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;height: 54px;margin:0;line-height: 1.5;text-overflow: ellipsis;white-space: normal;font-size:18px;color:#dbdbdb;}
#top_news .con_news .con .cont .txt_b .go {margin:30px 0 0;}
#top_news .con_news .con .cont .txt_b .go a {display:block; width:100px; height:40px;border:1px solid #fff; color:#fff; font-size:16px; line-height:40px; text-align:center; }
#top_news .more {position:absolute; right:40px; bottom:40px;}
#top_news .more a {display:block; font-size:14px; color:#808080;}

#bottom_news {margin:0 0 130px;}
.news_wrap {position:relative;text-align:left;}
.news_wrap .tit {position:relative; width:100%; padding:0 0 10px; margin:0 0 35px; font-size:22px; font-weight:700; color:#1a1a1a;}
.news_wrap .tit:before {display:block; position:absolute;left:0; bottom:0;z-index:2; width:40px; height:2px; background:#004bab;content:'';}
.news_wrap .tit:after {display:block; position:absolute;left:0; bottom:0;z-index:1; width:100%; height:2px; background:#e6e6e6;content:'';}
.news_wrap .cont {margin:0 0 60px;}
.news_wrap .cont ul {margin:0 -1%;}
.news_wrap .cont ul:after {display:block; clear:both; visibility:hidden; content:'';}
.news_wrap .cont ul li {float:left;width:23%;min-height: 328px;margin:0 1%;}
.news_wrap .cont ul li a {}
.news_wrap .cont ul li a .img_b {width:100%; height:195px; }
.news_wrap .cont ul li a .img_b .thumbResize_A {display:block; overflow:hidden; position:relative; width: 100%;height: 100%;}
.news_wrap .cont ul li a .img_b .thumbResize_A img {width: 100%;max-width: 1000%;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);}
.news_wrap .cont ul li a .txt_b {margin:25px 0 0;}
.news_wrap .cont ul li a .txt_b strong {display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;/* height: 44px; */margin: 0 0 10px;line-height: 1.5;text-overflow: ellipsis;white-space: normal;font-size: 18px;color: #333;}
.news_wrap .cont ul li a .txt_b p {display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;height: 44px;margin:0;line-height: 1.5;text-overflow: ellipsis;white-space: normal;font-size:14px; color:#888;}
.news_wrap .more {display:block;overflow: hidden;position:absolute;right:0;top: -5px;width:46px;height:46px;}
.news_wrap .more a {display:block;width:100%; height:100%;}
.news_wrap .more a:before,
.news_wrap .more a:after {content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;}
.news_wrap .more a:before {width:calc(100%/2);height: 2px;background: #333;}
.news_wrap .more a:after {width: 2px;height: calc(100%/2);background: #333;}
.news_wrap .more a:hover:before,
.news_wrap .more a:focus:before,
.news_wrap .more a:hover:after,
.news_wrap .more a:focus:after {-webkit-animation:spinAround 2s ease;-moz-animation:spinAround 2s ease; animation:spinAround 2s ease;}




@-webkit-keyframes spinAround {
    from {
        -webkit-transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(360deg);
    }
}
@-moz-keyframes spinAround {
    from {
        -moz-transform: rotate(0deg)
    }
    to {
        -moz-transform: rotate(360deg);
    }
}
@keyframes spinAround {
    from {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(360deg);
    }
}


@media(max-width:1280px){
    #body_layout .body_wrap {width:100%; padding:0;}
    #top_news {margin:0 0 40px;}
    #bottom_news {padding:0 30px;}
}

@media(max-width:999px){
    #top_news {height:800px;margin:0 0 40px; padding:0 0 400px 0;}
    #top_news .tit_wrap {top:auto;bottom:0;width:100%;height: 400px;}
    #top_news .tit_wrap .tit {padding:20px 4%;}
    #top_news .tit_wrap .menu_news li a {padding:10px 4%;}
    #top_news .tit_wrap .menu_news li a:after {left:4%; right:4%;}
    #top_news .con_news .con .cont .txt_b {bottom:30px;padding:0 4%;}
    #top_news .con_news .con .cont .txt_b .cont_tit {font-size:25px; }
    #top_news .con_news .con .cont .txt_b p{height:44px;font-size:15px;}
    #top_news .con_news .con .cont .txt_b .go {margin:10px 0 0; }
    #top_news .con_news .con .cont .txt_b .go a {height:30px; line-height:30px; font-size:15px;}
    #top_news .more {right:4%; bottom:20px;}

    #bottom_news {margin:0 0 40px;}
    .news_wrap .cont {margin:0;}
    .news_wrap .cont ul li {width:48%; margin:0 1% 35px;}

}

@media(max-width:767px){
    #top_news {height:800px;}
    #bottom_news {padding:0 4%;}
}

@media(max-width:500px){
    .news_wrap .cont ul li {width:98%;min-height:auto;}
}