锘?*20220110*/ .news-part{ padding:3% 0 8%; overflow: hidden;} .newsp_ll{float: left;width: 350px;background: #EBF0F4;} .newsp_ll ul{padding:0;} .newsp_ll li{border-bottom: 1px solid #fff;} .newsp_ll dt{overflow: hidden;height: 69px;line-height: 69px;font-weight: bold;cursor: pointer; color:#fff; padding:0 35px; background: url(../images/newsp_lldt.jpg) no-repeat; background-size: cover;} .newsp_ll dt p{padding-right: 20px;position: relative;} .newsp_ll dt p a{color:#fff;} .newsp_ll dt i{color: #fff;font-size:20px;;position: absolute;top:0;right: 0;} .newsp_ll dd{padding:20px 35px 12px;display: none;} .newsp_ll dd p{ margin:0 0 12px;; font-weight: bold;} .newsp_ll dd p.on a{color: #c60937;} .newsp_ll li.on dt i{color: #c60937;transform: rotate(90deg);-webkit-transform: rotate(90deg);} .newsp_ll li.on dt p a{color:#c60937!important;} .newsp_rr{float: right;width: calc(100% - 415px);} .newspr_list li{padding:2.5% 0; border-bottom: 1px solid #D4D4D4;} .newspr_list li:first-child{padding-top: 0;} .newspr_list li dt{ float: left; widtH:26.3%; position:relative;} .newspr_list li dt .vbtn{width:40px; height: 40px; line-height: 40px; z-index:10;} .newspr_list li dt .vbtn i{ font-size: 40px;} .newspr_list li dd{ float: right; width:70%;} .newspr_list li dd h3+span{ display: block; color:#C6083A; font-family: Arial, Helvetica, sans-serif; margin:2% 0;} .newspr_list li dd h3+span+p{height: 4.5em; color:#434343; overflow: hidden; margin-bottom: 3%;} .newspr_list li.noimg dd{width:100%;} .newspr_list li .item .item_c{ left:auto; right:0;} .newspr_list li .item .item_c::before{ lefT:auto;right:15px;} .clamp{display:-webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp:2; line-height: 1.5; max-height: 3em;height: 3em;overflow:hidden;} .clamp_3{display:-webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp:3; line-height: 1.5; max-height: 4.5em;height: 4.5em;overflow:hidden;} .down-part{padding-top: 0;} .news-down li dd p,.news-down li dd .itemlist{margin-bottom: 2%;} .news-down li dd .itemlist{ height:60px;} .news-down li dd p{ height:3em; max-height:3em;} .news-down li dd span.zan{ position:relative; top:-2px;} .news-down li dd span.down{ widtH:20px;height: 18px; line-height: 18px; overflow: hidden;} .news-down li dd span.down img{ widtH:100%;} .news-down li dd span.size{ float: right; color:#AEAEAE;} .news-down li:nth-child(2n) dd .itemlist .item .item_c{left:auto; right:0;} .news-down li:nth-child(2n) dd .itemlist .item .item_c::before{left:auto; right:15px;} .tec-list ul{margin:0 0 2%; padding-bottom: 4%; border-bottom:1px solid #BEBEBE;} .tec-list li{ float: left; width:48.2%; margin:0 0 3%;} .tec-list li:nth-child(2n){ float: right;} .tec-list li .img{ width:100%; margin-bottom:5%; position: relative;} .tec-list li .img .vbtn{ widtH:50px; height: 50px; line-height: 50px; z-index: 2;} .tec-list li .img .vbtn i{font-size: 50px;} .tec-list li h2{margin:12px 0;display: -webkit-box;overflow: hidden;-webkit-line-clamp: 2; max-height:3em; height:3em; -webkit-box-orient: vertical;} .tec-list li .itemlist{ text-align: left;min-height:30px;} .tec-list li .itemlist .item{margin-left: 0; margin-right: 20px;} .tec-list li.hasvideo .img::before{content: ""; position: absolute; z-index: 1; left:0; top:0; widtH:100%; height: 100%; background: rgba(0,0,0,0.3);} @media only screen and (max-width:1279px) { .newsp_ll,.newsp_rr{widtH:100%;} .newsp_ll{margin-bottom: 5%;} .newsp_ll dt{ height: 48px; padding: 0 20px; line-height: 48px;} .newsp_ll dt i{font-size: 14px;} } @media only screen and (max-width:767px) { .tec-list li{width:100%; margin:0 0 2%;} .tec-list li h2{ height:auto; margin:10px 0 0;} .tec-list .item .item_c{left:0; right:auto;} .tec-list .item .item_c::before{left:15px; right:auto;} } @media only screen and (min-width:1025px) { .newsp_ll dt i{transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;} }