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




.news_bg{height:auto;width:100%;overflow:hidden;background:url(/static/tn106/index_bg/01.jpg);background-origin:100% 100%;background-color:#fff}
.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:58px}
.news .tit h2{color:#515151;font-size:40px;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 .line{text-align:left}
.news .line span{display:inline-block;margin:0 2px 0 0;height:2px;border-radius:2px;margin-top:14px;text-align:center}
.news .line span:nth-child(1){width:2px;background:#85ac96;animation:w0_to_w50 1.5s linear infinite alternate}
.news .line span:nth-child(2){width:50px;background:#188a49;animation:w50_to_w0 1.5s linear infinite alternate}





.news .tit_desc{font-size:18px;padding-top:10px;line-height:1.8;color:#999;text-align:right}


.news .btn{float:right;color:#fff;font-size:16px;margin-top:40px;line-height:2em;background-color:#188a49;height:50px;width:168px;line-height:50px;text-align:center;    border-radius: 10px 0 10px 0;}


.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; border-radius: 15px ;background-color: #f5f5f5;padding: 10px; transition: all ease-in-out 0.3s;}


.news .item_box:hover {
    transform: translateY(-24px);
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}



.news .item_box .pic{width: 100%;overflow:hidden;border-radius: 15px  15px 0 0;}
.news .item_box .pic img{width:100%;overflow:hidden}
.news .item_box .title{font-size:20px;font-weight:bold;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin: 10px 0}
.news .item_box .summary{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 .date{font-size:22px;font-family:"Impact" !important;text-align:left;margin-top:20px;color:#585858}






.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}
}