/*
+----------------------------------------------------------------------
| LN-EWS v2.0 [ Build a line, love the line. ]
| Copyright (c) 2010~2024 http://jzline.com All rights reserved.
| Author: xwxc
+----------------------------------------------------------------------
*/

.news_bg{height:auto;width:100%;overflow:hidden;background:url(/static/tn03/index_bg/01.jpg);background-origin:100% 100%;background-color:#f5f5f5;background-attachment:fixed;position:relative}
.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:160px;width:100%;text-align:left;position:relative}
.news .tit h2{color:#f9f9f9;font-size:100px;font-weight:bold;font-family:arial;position:relative;z-index:0;font-style:italic}
.news .tit h3{color:#da2f37;font-size:40px;text-align:left;position:absolute;left:0;right:0;top:50px;margin:0 auto;width:100%;z-index:9999;display:flex;align-items:left;justify-content:left;gap:20px}
.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:#da2f37;float:right;height:50px;width:168px;line-height:50px;text-align:center;border-radius:28px}
.news .btn:hover{background-color:#840b11}
.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;background-color: #da2f37; 
border-radius: 0 50px  0 0 ;

}
.news .news_list .pic_box .n_item .date .d{font-size:40px;font-family:"Impact" !important;text-align:left;margin-top:40px;color:#fff;line-height: 128px}
.news .news_list .pic_box .n_item .date .m{font-size:25px;text-align: right;color:#fff}
.news .news_list .pic_box .n_item .info{width:calc((100% - 101px) / 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:#da2f37;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}
@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}
}




@media only screen and (max-width:1000px){
	
.news .news_list .pic_box .photo{width:100%;height:auto;overflow:hidden}
.news .news_list .pic_box{height:auto;}

}