.news-container{width:1200px;height:390px;margin:20px auto 10px;display:flex;flex-wrap:wrap;justify-content:space-between;position:relative;} div h2{height:50px;line-height:50px;border-bottom:1px solid #ccc;width:100%;font-size:20px} div h2 p{display:inline-block;line-height:40px;border-bottom:3px solid #008d49;padding-right:15px;background:url(../img/news-icon.jpg) no-repeat left center ;text-indent:38px} div h2 span,.party h2 span{font-weight:normal;font-size:14px;color:#008d49;padding-left:10px} .news-container .picshow{margin-top:10px;width:730px;height:310px;display:flex;justify-content:space-between;border:3px solid #e7e7e7;box-sizing:border-box} .news-container .swiper-container{margin-left:0;padding-left:0} .news-container .picshow img{width:100%;height:100%;} #technology div.toplist:hover a div.toptext h3{color:#008d49}#technology div.toplist:hover a div.toptext p{color:#008d49} .news-container h2 span{}.news-container ul.news{width:440px;height:335px;padding-top:12px;} .news-container ul.news li{background-color: #fff; border-radius: 3px 0 0px 3px; padding: 5px 10px 7px 0px; overflow: hidden; margin-bottom: 8px; transition: all 0.3s ease-in-out; border-bottom: 1px solid #eaeaea} .news-container ul.news li:hover{box-shadow:0 0 4px #ccc;} .news-container ul.news li:hover .text a{color:#008946} .news-container ul.news li .date{width: 68px; height: 58px; float: left; margin-right: 14px; border-right: 1px solid #008946; } .news-container ul.news li .date span{ display: block;text-align: center;color: #008946;overflow: hidden;}.news-container ul.news li .date span.notop{font-size: 21px; height: 32px; line-height: 32px;} .news-container ul.news li .date span.nobtm{font-size: 12px; height: 26px; line-height: 26px;}.news-container ul.news li .text{ text-align: left; overflow: hidden; margin-top: 2px; height: 48px; line-height: 1.6;}.news-container ul.news li .text a{font-size: 16px; color: #333; line-height: 26px; overflow: hidden;}p.more{width:44px;height:20px;font-size:13px;position:absolute;top:19px ;right:16px} p.more a{color:#008946;font-weight:bold} #notice p.more a{font-size:13px} .container1{width:1200px;margin:20px auto;display:flex;justify-content:space-between} .container1>div {position:relative;width:570px;height:315px;background-color:#fff;padding:10px 20px 10px 0px} .container1>div ul{padding:10px 10px 10px 20px} .container1>div ul li{width:98%;height: 42px;line-height: 42px; overflow: hidden;text-overflow: ellipsis;white-space: nowrap; color: #1e1e1e; padding-left: 20px; background: url(../img/yuan_dian.png) no-repeat left center;font-size:16px} .container1>div ul li span{float:right;color:#999;font-size:14px} .container1>div ul li a{color:#1e1e1e} /* .container1 h2 p{background:url(../img/news-icon.jpg) no-repeat left center /35px 35px} */ .container1 h2 p{ font-weight: normal;border-bottom: 2px solid #008946;font-size:22px;height:46px;display:inline-block;} .container1 h2 a{font-size:13px;color:#999;font-weight:normal;float:right} .honor-container{width:1200px;height:180px;margin:20px auto;background-color:#fff;display:flex;justify-content:space-between;align-items: center;} .honor-container .honor-title{width:80px;height:180px;background:#008946 url(../img/rongyu-icon.jpg) no-repeat center 60px;color:#fff;font-size:16px;text-align:center;line-height:228px} .honor-container #honor{width:1100px;height:180px;margin:0} .honor-container #honor .swiper-slide img{height:180px;width:100%} .honor-container #honor .swiper-slide p{width:100%; height:34px;white-space:nowrap; text-overflow: ellipsis; overflow: hidden; font-size: 15px;text-align:center;color:#fff;line-height:34px;position:absolute;bottom:0;background:rgba(0,141,73,0.8);border-bottom-left-radius:5px;border-bottom-right-radius:5px} .honor-container #honor .swiper-slide a{color:#fff;display:block;overflow:hidden;position:relative;width:100%;height:180px} .toplist{height:145px;width:570px} .toplist a{display:flex;height:145px;width:570px;justify-content:space-between;padding-left:20px;box-sizing:border-box} .toplist img{width:169px;height:123px;padding:6px;box-shadow:0 0 4px #ccc;margin-top:10px} .toplist .toptext{width:340px;} .toplist h3{ margin-top:10px;width: 100%;font-size: 16px;line-height: 23px;height: 43px;color: #1e1e1e;line-height:43px;text-overflow:ellipsis;overflow:hidden;white-space: nowrap;} .toplist p{ width: 100%; font-size: 14px; line-height: 23px; height: 72px; color: #999999; display: -webkit-box; line-clamp: 2; -webkit-line-clamp: 2; box-orient: vertical; -webkit-box-orient: vertical;} #technology{height:370px;} #technology >div{height:348px} #technology >div.left{width:784px} #technology >div.right{width:350px} #technology ul li{line-height:36px;height:36px} .achievements-container{width:1200px;height:370px;margin:20px auto;background-color:#fff;position:relative;padding:0px 10px;box-sizing:border-box} .achievements-container .swiper-container{margin-top:10px;} .achievements-container .swiper-slide{width:280px;height:270px;border-bottom:2px solid #087835;background:#f6f6f6;padding-right:0;} .achievements-container .swiper-slide:hover p{transition: all .4s;} .achievements-container .swiper-slide:hover{background-color: rgba(255, 173, 32, 0.4);border-bottom:2px solid #f47136} .achievements-container .swiper-slide img{width:280px;height:156px;outline:none} .achievements-container .swiper-slide h3{margin-top: 10px; margin-bottom: 6px;font-size: 16px;color: #1e1e1e;font-weight:bold;padding-left:10px} .achievements-container .swiper-slide p{ font-size: 14px;color: #666;line-height: 22px;padding-left:10px;}