.index-news{ width: 100%; min-width: 1300px; height: auto; min-height: 930px; background:url(/uploads/image/zfjc-img/index-news.png) no-repeat; background-size: 100% 100%; } .index-banner{ width: 100%; height: auto; min-height: 239px; min-width:1300px; } .index-news .news-content{ width: 1300px; height: auto; overflow: hidden; margin: 0 auto; } .index-news .news-content .news-first{ width: 100%; height: auto; overflow: hidden; padding: 35px 0 0 0; display: flex; justify-content: space-between; } /*中心概况*/ .index-news .news-content .news-first .news-zxgk{ width: 828px; height: 368px; } .index-news .news-content .news-first .news-zxgk .header{ width: 100%; height: 26px; line-height: 26px; font-size:23px; color: #333333; background: url(/uploads/image/zfjc-img/zxgk.png) left center no-repeat; text-indent: 30px; font-weight: bold; } .index-news .news-content .news-first .news-zxgk .content{ width: 100%; height: 318px; padding:26px 0 0 0; box-sizing: border-box; } .index-news .news-content .news-first .news-zxgk .content .left{ width: 425px; height: 100%; float: left; } .index-news .news-content .news-first .news-zxgk .content .left img{ width: 100%; height: 100%; } .index-news .news-content .news-first .news-zxgk .content .right{ width: calc(100% - 425px); height: 100%; padding: 16px 0 0 25px; box-sizing: border-box; float: right; } .index-news .news-content .news-first .news-zxgk .content .right .content{ width: 100%; height: auto; overflow: hidden; padding:0; } .index-news .news-content .news-first .news-zxgk .content .right a.more{ display: block; width: 104px; height: 32px; line-height: 32px; color: #ffffff; text-align: center; background: #9b0d14; border-radius: 16px; border: solid 2px #9b0d14; float: right; font-weight: bold; } /*学术活动*/ .index-news .news-content .news-first .news-xshd{ width: 418px; height: 368px; } .index-news .news-content .news-first .news-xshd .header{ width: 100%; height: 26px; } .index-news .news-content .news-first .news-xshd .header p{ width: auto; line-height: 26px; font-size: 23px; color: #333333; float: left; background: url(/uploads/image/zfjc-img/xshd.png) left center no-repeat; text-indent: 30px; font-weight: bold; } .index-news .news-content .news-first .news-xshd .header a{ display: block; line-height: 26px; float: right; font-size: 14px; color: #828282; } .index-news .news-content .news-first .news-xshd .content{ width: 100%; height: 318px; padding:26px 0 0 0; box-sizing: border-box; } .index-news .news-content .news-first .news-xshd .content ul li{ width: 100%; height: 63px; border-bottom: 2px solid #d2d2d2; box-sizing: border-box; position: relative; text-indent: 16px; background:url(/uploads/image/zfjc-img/news-before.png) left center no-repeat; background-size: 6px 5px; } /*.index-news .news-content .news-first .news-xshd .content ul li::before{ content: ""; position: absolute; width: 0; height: 0; border: 6px solid; top:0; bottom: 0; left: 0; margin: auto; border-color: transparent transparent transparent #9b0d14; }*/ .index-news .news-content .news-first .news-xshd .content ul li a{ width: 100%; height: 100%; font-size: 16px; color: #333333; display: flex; align-items: center; } .index-news .news-content .news-second{ width: 100%; height: auto; overflow: hidden; padding: 35px 0 0 0; display: flex; justify-content: space-between; } /*研究项目*/ .index-news .news-content .news-second .news-yjxm{ width: 414px; height: 451px; } .index-news .news-content .news-second .news-yjxm .header{ width: 100%; height: 26px; } .index-news .news-content .news-second .news-yjxm .header p{ width: auto; line-height: 26px; font-size: 23px; color: #333333; float: left; background: url(/uploads/image/zfjc-img/yjcg.png) left center no-repeat; text-indent: 30px; font-weight: bold; } .index-news .news-content .news-second .news-yjxm .header a{ display: block; line-height: 26px; float: right; font-size: 14px; color: #828282; } .index-news .news-content .news-second .news-yjxm .content{ width: 100%; height: auto; overflow: hidden; padding: 30px 0 0 0; box-sizing: border-box; } .index-news .news-content .news-second .news-yjxm .content img{ display: block; width: 100%; height: 124px; float: left; } .index-news .news-content .news-second .news-yjxm .content{ width: 100%; height: 400px; padding: 30px 0 0 0; } .index-news .news-content .news-second .news-yjxm .content .news-list{ width: 100%; height: 100px; border-bottom: 2px solid #d2d2d2; box-sizing: border-box; display: flex; align-items: center; } .index-news .news-content .news-second .news-yjxm .content .news-list .left{ width: 150px; height: 67px; text-align: center; border-right: 1px solid #b4b4b4; float: left; } .index-news .news-content .news-second .news-yjxm .content .news-list .left .top{ font-size: 30px; color: #9b0d14; font-weight: bold; } .index-news .news-content .news-second .news-yjxm .content .news-list .left .bottom{ font-size: 14px; color: #333333; } .index-news .news-content .news-second .news-yjxm .content .news-list .right{ width: calc(100% - 150px;); height: 67px; float: left; padding: 0 0 0 26px; box-sizing: border-box; } .index-news .news-content .news-second .news-yjxm .content .news-list .right .title{ display: block; width: 100%; height: 17px; font-size: 16px; color: #333333; } .index-news .news-content .news-second .news-yjxm .content .news-list .right .title2 { display: block; width: 100%; height: 35px; font-size: 14px; color: #878787; padding: 10px 0 0 0; } /*研究成果*/ .index-news .news-content .news-second .news-yjcg{ width: 414px; height: 451px; } .index-news .news-content .news-second .news-yjcg .header{ width: 100%; height: 26px; } .index-news .news-content .news-second .news-yjcg .header p{ width: auto; line-height: 26px; font-size: 23px; color: #333333; float: left; background: url(/uploads/image/zfjc-img/yjcg.png) left center no-repeat; text-indent: 30px; font-weight: bold; } .index-news .news-content .news-second .news-yjcg .header a{ display: block; line-height: 26px; float: right; font-size: 14px; color: #828282; } .index-news .news-content .news-second .news-yjcg .content{ width: 100%; height: 400px; padding: 30px 0 0 0; } .index-news .news-content .news-second .news-yjcg .content .news-list{ width: 100%; height: 100px; border-bottom: 2px solid #d2d2d2; box-sizing: border-box; display: flex; align-items: center; } .index-news .news-content .news-second .news-yjcg .content .news-list .left{ width: 150px; height: 67px; text-align: center; border-right: 1px solid #b4b4b4; float: left; } .index-news .news-content .news-second .news-yjcg .content .news-list .left .top{ font-size: 30px; color: #9b0d14; font-weight: bold; } .index-news .news-content .news-second .news-yjcg .content .news-list .left .bottom{ font-size: 14px; color: #333333; } .index-news .news-content .news-second .news-yjcg .content .news-list .right{ width: calc(100% - 150px;); height: 67px; float: left; padding: 0 0 0 26px; box-sizing: border-box; } .index-news .news-content .news-second .news-yjcg .content .news-list .right .title{ display: block; width: 100%; height: 17px; font-size: 16px; color: #333333; } .index-news .news-content .news-second .news-yjcg .content .news-list .right .title2{ display: block; width: 100%; height: 35px; font-size: 14px; color: #878787; padding: 10px 0 0 0; } /*人才招聘*/ .index-news .news-content .news-second .news-rczp{ width: 418px; height: 451px; } .index-news .news-content .news-second .news-rczp .header{ width: 100%; height: 26px; } .index-news .news-content .news-second .news-rczp .header p{ width: auto; line-height: 26px; font-size: 23px; color: #333333; float: left; background: url(/uploads/image/zfjc-img/rczp.png) left center no-repeat; text-indent: 30px; font-weight: bold; } .index-news .news-content .news-second .news-rczp .header a{ display: block; line-height: 26px; float: right; font-size: 14px; color: #828282; } .index-news .news-content .news-second .news-rczp .content{ width: 100%; height: 400px; padding: 30px 0 0 0; } .index-news .news-content .news-second .news-rczp .content .news-list{ width: 100%; height: 100px; border-bottom: 2px solid #d2d2d2; box-sizing: border-box; display: flex; align-items: center; background: url(/uploads/image/zfjc-img/news-before.png) left center no-repeat; background-size: 6px 5px; } .index-news .news-content .news-second .news-rczp .content .news-list a.title{ display: block; width: 100%; height: 100px; line-height: 100px; color: #333333; font-size: 16px; text-indent: 12px; } .index-news .news-content .news-second .news-rczp .content .news-list a.title span{ display: block; width: auto; float: right; font-size: 14px; color: #878787 !important; }