.news_bg{height:auto;width:100%; overflow: hidden;background:url(/static/tn106/index_bg/01.jpg);background-origin: 100% 100%;background-color: #f5f5f5;}

.news{margin:100px 0px 100px 0px;color:#fff;position:relative;color:#333;height:auto}
.news .tit_box{height:auto}
.news .tit{margin:0px 0px 0px 0px;height: 85px}
.news .tit h2{color:#0158a8;font-size:20px;font-weight:bold;font-family:arial}
.news .tit h3{color:#222;font-size:40px;padding-top:10px}
.news .tit_desc{font-size:18px;padding-top:10px;line-height:1.8;color:#999;text-align:right}
.news .btn{color:#fff;font-size:16px;margin-top:40px;line-height: 2em;background-color:#0158a8; float: right;
height: 50px; width:168px;line-height: 50px;text-align: center; border-radius: 28px;} 

.news .btn:hover{background-color:#ff5822}

.news .news_list{height:auto; margin: 30px 0 0 0}
.news .news_list .pic_box{width: 100%;height:556px;margin: 0px 0 0 0;}
.news .news_list .pic_box .photo{width: 100%;height:416px;overflow: hidden}
.news .news_list .pic_box .photo img{width: 100%;overflow: hidden;}
.news .news_list .pic_box .n_item{height: 128px; background-color: #fff;position:relative;}
.news .news_list .pic_box .n_item .date{height: 128px;width: 99px; float: left;border-right: 1px solid #ccc;}
.news .news_list .pic_box .n_item .date .d{font-size: 50px;font-family: "Impact" !important;text-align: center;margin-top: 20px;color: #585858}
.news .news_list .pic_box .n_item .date .m{font-size: 18px;text-align: center;}


.news .news_list .pic_box .n_item .info{width: calc((100% - 100px) / 1);align-self: center;float: right;}
.news .news_list .pic_box .n_item .info .title{margin: 25px 35px 10px 35px;font-size: 16px;font-weight: bold;overflow: hidden;text-overflow: ellipsis;  white-space: nowrap;}
.news .news_list .pic_box .n_item .info .desc2{margin: 0px 35px 0 35px;height:48px;font-size:14px;overflow: hidden; text-overflow: ellipsis;line-height: 24px;
    display: -webkit-box;
    -webkit-box-orient: vertical;     
    transition: all 0.6s;
        -webkit-line-clamp: 2;
}


.news .news_list .pic_box .n_item .line2{width: 0%;height: 2px;background-color: #0158a8;
position: absolute;bottom: -2px;left: 0px;
transition: all 0.3s ease;
}
.news .news_list .pic_box .n_item:hover .line2{display: block;    width: 100%;
}


.news .item_box{height:auto; margin: 0px 0 0 0 }
.news .item_box .n_item{height: 128px; background-color: #fff;margin: 0px 0px 10px 0px;position:relative;}
.news .item_box .n_item .date{height: 128px;width: 99px; float: left;border-right: 1px solid #ccc;}
.news .item_box .n_item .date .d{font-size: 50px;font-family: "Impact" !important;text-align: center;margin-top: 20px;color: #585858}
.news .item_box .n_item .date .m{font-size: 18px;text-align: center;}
.news .item_box .n_item .info{width: calc((100% - 100px) / 1);align-self: center;float: right;}
.news .item_box .n_item .info .title{margin: 25px 35px 10px 35px;font-size: 16px;font-weight: bold;overflow: hidden;text-overflow: ellipsis;  white-space: nowrap;}
.news .item_box .n_item .info .desc2{margin: 0px 35px 0 35px;height:48px;font-size:14px;overflow: hidden; text-overflow: ellipsis;line-height: 24px;display: -webkit-box; -webkit-box-orient: vertical;transition: all 0.6s;-webkit-line-clamp: 2;
}

.news .item_box .n_item .line2{width: 0%;height: 2px;background-color: #0158a8;
position: absolute;bottom: -2px;left: 0px;
transition: all 0.3s ease;
}
.news .item_box .n_item:hover .line2{display: block;    width: 100%;}
.news .item_box .n_item:hover .date .d{color: #ff5722}
.news .item_box .n_item:hover .date .m{color: #ff5722}
.news .item_box .n_item:hover .date .title{font-size: 50px;}


/* 小于768px  */
@media only screen and (max-width:768px){
.news .item .pic img{height:160px;}

.news .btn{display: none}
}


@media only screen and (max-width:1300px){
.news .tit img{width:300px }
}