.news-container{width:1260px;height:388px;margin:36px auto;display:flex;flex-wrap:wrap;justify-content:space-between;position:relative;} .news-container h2{height:36px;line-height:36px;margin-bottom:4px;width:100%;border-bottom:1px solid #ccc;} .news-container h2 span{padding:10px 30px 4px 55px;color:#555;font-size:20px;letter-spacing: 2px;} .news-container h2 span.on{border-bottom:3px solid #3FB150;background:url(../img/teaicon.png) no-repeat left center;background-size:auto 20px;font-weight:700} .news-container .picshow{width:640px;height:388px;position:relative} .news-container .picshow p{height:36px;line-height:36px;background:rgba(0,0,0,0)!important;text-align:center;color:#fff;position:absolute;bottom:0;width:100%;font-size:14px} .news-container .picshow img{width:100%;height:100%} .news-container ul.news{padding-top:2px;width:577px;height:370px;padding-top:6px} .news-container .news-box{width:577px;height:370px;} .news-container ul.news li{font-size:16px;padding: 10px 14px;list-style-type: none;overflow: hidden;text-overflow:ellipsis;white-space: wrap;height: auto; border-bottom:1px dashed #ccc;line-clamp: 2; -webkit-line-clamp: 2;} .news-container ul.news li a{color:#333;} .news-container ul.news li:hover a{color:#197b30;} .news-container ul.news li span{padding-right:10px;font-size:14px;color:#777;display:block;line-height:24px} .news-container p.more{position:absolute;top:10px;right:10px;font-size:14px;width:60px;height:24px;text-align:center;line-height:24px;font-family:"黑体";} .news-container p.more a{font-size:14px;color:#ffa126} .news-container p.more:hover{text-decoration:underline } .container2{width:1260px;height:270px;margin:30px auto;display:flex;justify-content:space-between} .container2 >div {width:585px;height:270px;position:relative;} .container2 > div h2{width: 100%;height: 48px;background:#f6f5f1 url(../img/sy_bt.png) no-repeat 10px center ;line-height:48px;padding-left:26px;box-sizing:border-box} .container2 ul{padding-top:10px} .container2 div ul li{ width: 560px; background: url(../img/point.png) no-repeat left;padding-left: 16px;} .container2 div ul li a{ width: 400px; display:inline-block; font: 16px/40px "微软雅黑";color: #333;overflow: hidden;text-overflow: ellipsis; white-space: nowrap;} .container2 div ul li span{float: right;color: #999;font: 14px/40px "微软雅黑";} p.more{position:absolute;top:10px;right:10px;font-size:14px;width:60px;height:24px;text-align:center;line-height:24px;font-family:"黑体";} p.more a{font-size:14px;color:#ffa126} p.more:hover{text-decoration:underline } .container3{width:1260px;height:220px;margin:30px auto;display:flex;justify-content:space-between} .container3 >div {width:585px;height:220px;position:relative;} .container3 > div h2{width: 100%;height: 48px;background:#f6f5f1 url(../img/sy_bt.png) no-repeat 10px center ;line-height:48px;padding-left:26px;box-sizing:border-box} .container3 ul{padding-top:10px} .container3 div ul li{ width: 560px; background: url(../img/point.png) no-repeat left;padding-left: 16px;} .container3 div ul li a{ width: 400px; display:inline-block; font: 16px/40px "微软雅黑";color: #333;overflow: hidden;text-overflow: ellipsis; white-space: nowrap;} .container3 div ul li a:hover{color:#ad0000} .container3 div ul li span{float: right;color: #999;font: 14px/40px "微软雅黑";} .container4{width:1260px;height:300px;margin:30px auto;display:flex;justify-content:space-between} .container4 .model{width:430px;height:300px;;position:relative} .container4 .model h2{width: 100%;height: 48px;background:#f6f5f1 url(../img/sy_bt.png) no-repeat 10px center ;line-height:48px;padding-left:26px;box-sizing:border-box} .container4 .report{width:280px;height:300px;position:relative} .container4 .report h2{height:50px;line-height:50px;background:#8f000b url(../img/jb.png) no-repeat 60px center;color:#fff;text-align:center} .container4 .report p{line-height:32px;} .container4 .report p.first{padding-top:8px} .container4 .report p.tel{padding-left:81px;line-height:26px} .container4 .report p strong{font-size:15px} .container4 .model ul{padding-top:10px} .container4 .model ul li{width: 430px; background: url(../img/point.png) no-repeat left;padding-left: 16px;box-sizing: border-box;} .container4 .model ul li a{width: 330px; display:inline-block; font: 16px/40px "微软雅黑";color: #333;overflow: hidden;text-overflow: ellipsis; white-space: nowrap;} .container4 .model ul li a:hover{color:#ad0000} .container4 .model ul li span{float: right;color: #999;font: 14px/40px "微软雅黑";} .wrap .container1 .scientific{} .wrap .container1 .scientific ul li{height:50px;display:flex;justify-content: space-between;padding:6px 8px;position:relative} .wrap .container1 .scientific ul li a{display:block;width:280px;color: #535353;line-height:20px;font-size:14px} .wrap .container1 .scientific ul li time{font-size:13px;color:#535353;line-height:14px;display:block;position:absolute;bottom:10px;} .wrap .container1 .scientific ul li img{display:block;width:80px;height:50px;} .wrap .container1 .scientific ul li a:hover{color:#008946} .scientific ul a{font-size:16px} #job-container .platform ul li{flex-direction: column;width:45%;float:left;height:auto!important;line-height:20px;} #job-container .platform ul li:nth-child(even){float:right} #job-container>div.platform ul li img {width:186px;height:90px;dispaly:block;box-shadow:0 2px 4px #ccc;} #job-container>div.platform ul li img{border-radius:4px} #job-container>div.platform ul li img:hover{opacity:0.7} #job-container>div.platform ul li a{lmargin:0} .freindlink{width:1260px;height:50px;margin:10px auto 20px;border-top:6px solid #3fb150;} .freindlink span{color:#008946;font-weight:bold} .freindlink a{color:#333;font-size:13px} .freindlink a:hover{text-decoration:underline} .freindlink .link{line-height:60px;display:flex;justify-content:space-around;padding-top:10px;flex-wrap:wrap}