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

/*公共样式*/
.fl{float:left;}
.fr{float:right;}
.clearfix{overflow:hidden;zoom:1;}
.clear{clear:both;}

.clearf{width: 100%;}
.clearf:after{content: "020";display: block;height: 0;clear: both;visibility: hidden;}


.new_main_list ul li{margin:40px 0px;}
.new_main_list ul li a{display: block;position: relative;}
.new_main_list ul li .new_main_details{display: block;position: relative;background:#efefef;box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);transition: all .3s;}
.new_main_list ul li .new_main_details .time{width: 100px;height: 40px;position: absolute;top:120px;z-index: 2;background: rgba(186,0,1,0.8);}
.new_main_list ul li .new_main_details .time:before{content:"";position:absolute;border-top: transparent 40px solid;border-left: rgba(186,0,1,0.8) 20px solid;right: -20px;top: 0;}
.new_main_list ul li .new_main_details .time span{font-size: 14px;color: #fff;display: block;text-align: left;padding:10px 0px 0px 8px;}
.new_main_list ul li .new_main_details .img{width: 100%;}
.new_main_list ul li .new_main_details .img img{width: 100%; height: 160px;display: block;}
.new_main_list ul li .new_main_details .con{padding: 15px 20px 20px 20px;}
.new_main_list ul li .new_main_details .con .line{width: 38px;height: 2px;background: #ba0001;margin: 12px 0 15px;transition:.6s ease all;-webkit-transition:.6s ease all;-moz-transition:.6s ease all;}
.new_main_list ul li .new_main_details .con .bt{height: 56px;font-size: 1.72rem;font-weight:600;line-height: 28px;color: #000;margin-bottom:15px;overflow: hidden;text-overflow: ellipsis;display:-webkit-box;-webkit-box-orient:vertical; -webkit-line-clamp:2;}
.new_main_list ul li .new_main_details .con .nr{font-size: 1.25rem;color: #666;line-height: 2.02rem;overflow: hidden;text-overflow: ellipsis;display:-webkit-box;-webkit-box-orient:vertical; -webkit-line-clamp:4;}
.new_main_list ul li .new_main_details:hover{transition: all .3s;box-shadow: 0 0 30px rgba(0, 0, 0, 0.4);}
.new_main_list ul li .new_main_details:hover  .con{background:#fff;transition: all .3s;}
.new_main_list ul li .new_main_details:hover  .con .bt{color:#ba0001;transition: all .3s;}
.new_main_list ul li .new_main_details:hover  .con .line{width: 100%;transition:.5s ease all;-webkit-transition:.5s ease all;-moz-transition:.5s ease all;}
.new_main_list ul li .new_main_details:hover  .con .nr{color: #ba0001;transition: all .3s;}
@media only screen and (min-width:992px) and (max-width:1200px){ /*当屏幕尺寸小于1200px大于768px时，应用下面的CSS样式*/
.new_main_title h5{font-size: 32px;}
}
@media only screen and (min-width:576px) and (max-width: 992px){
.new_main_title h5{font-size: 30px;}
.new_main_list ul li .new_main_details{margin:0px 15px;}
.new_main_list ul li .new_main_details .time{top:301px;}
.new_main_list ul li .new_main_details .img img{width: 100%; height: 350px;}
.new_main_list ul li .new_main_details .con {padding-bottom:30px;}
}
@media screen and (max-width:576px){ /*小于576px屏幕时会执行*/
.new_main_title{margin:0px auto;}
.new_main_title h5{font-size: 2.82rem;padding: 30px 60px;background: url(../images/title_bg.png) no-repeat center;background-size:100% 100%;-moz-background-size:100% 100%;-webkit-background-size:100% 100%;-o-background-size:100% 100%;background-position:center;}
.new_main_list ul li .new_main_details .time{top:174px;}
.new_main_list ul li .new_main_details .img img{ height: 220px;}
}