.news-container{width:1200px;height:450px;margin:20px auto 15px;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:38px;border-bottom:3px solid #0a6ed5;padding-right:55px;background:url(../img/title-icon.png) no-repeat left center;text-indent:36px} div h2 span,.party h2 span{font-weight:normal;font-size:14px;color:#007AFF;padding-left:10px} .news-container .picshow{margin-top:10px;width:580px;height:370px;display:flex;justify-content:space-between;border:3px solid #e7e7e7;box-sizing:border-box;padding-top:0;} .news-container .swiper-container{margin-left:0;padding-left:0} /* .news-container .picshow .news-div{width:352px;height:310px;background-color:#f9f9f9;border:1px solid #e7e7e7} .news-container .picshow .news-div a{display:block; padding: 20px 19px;} .news-container .picshow .news-div a .pic{width:316px;height:229px} .news-container .picshow .news-div a img{width:100%;height:100%} .news-container .picshow .news-div a h3{font-size: 15px; color: #333;line-height: 1.6; margin: 0;margin-top: 10px; height: 50px; overflow: hidden;width:100%;overflow:hidden;text-overline: ;} */ .news-container .picshow img{width:100%;height:100%;} .news-container ul.news{width:570px;height:335px;padding-top:4px;} .news-container ul.news li{background-color: #fff; border-radius: 3px 0 0px 3px; padding: 5px 10px 7px 0px; overflow: hidden; margin-bottom: 5px; 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:#005FAF} .news-container ul.news li .date{ width: 68px; height: 58px; float: left; margin-right: 14px; border-right: 1px solid #0a6ed5; } .news-container ul.news li .date span{ display: block;text-align: center;color: #0a6ed5;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:-7px} p.more a{color:#0a6ed5;font-weight:bold} #notice p.more a{font-size:13px} .party-container{width:1200px;height:300px;margin:20px auto;display:flex;justify-content:space-between} .party-container .party{width:580px;height:350px;-background:url(../img/llsyPic.jpg) no-repeat left bottom/230px 270px;display:flex;flex-wrap:wrap;justify-content: space-between;position:relative} .party-container .party .special-topic img{padding:8px;background-color:#eee} .party-container .party ul{width:98%;height:290px;padding-top:15px} .party-container .party ul li{ line-height:22px; padding-bottom: 12px; border-bottom: #f3f1ec 1px solid; margin-bottom: 12px; list-style: square ; color:#005faf; position:relative;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;list-style: square; color: #005faf; list-style-position: inside;} .party-container .party ul li span{float:right;color:#777;font-size:13px} .party-container .party ul li:hover a h4,.party-container .party ul li:hover a p{color:#005FAF} .party-container .party ul li:hover a {color:#005FAF} .party-container .party ul li a {color:#333} .party-container .party ul li p{ height: 44px; line-height: 22px; padding-top: 4px; font-size: 14px; color: #777; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}.party-container .construction{width:440px;height:350px;position:relative} .party-container .construction ul li{height:60px;display:flex;justify-content: space-between;padding:8px;position:relative; list-style: square; color: #005faf;list-style-position: inside;} .party-container .construction ul li a{display:block;width:320px;color: #535353;line-height:20px;font-size:14px} .party-container .construction ul li time{font-size:13px;color:#535353;line-height:14px;display:block;position:absolute;bottom:10px;} .party-container .construction ul li img{display:block;width:80px;height:60px;} #theory {height:350px} #theory .party{background:none} #theory .party{justify-content:space-between;display:flex;flex-wrap:wrap} #theory .party ul{width:98%;padding-top:15px} #theory .party ul li{line-height:22px; padding-bottom: 12px; border-bottom: #f3f1ec 1px solid; margin-bottom: 12px; list-style: square ; color:#005faf; position:relative;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;list-style: square; color: #005faf; list-style-position: inside;} #theory .party ul li::before{content:"";background:transparent} #theory .party ul li:hover a h4{color:#AE1D1D} .special-topic{width:250px;padding-top:20px} .special-topic img{width:230px;height:250px;display:block;padding:6px;background-color:#efefef;border:3px solid #fff} .special-topic img:hover{background-color:#ccc} .association {position:relative;width:570px} .association ul{width:100%;padding-top:15px} .association ul li{line-height: 22px; line-height:22px; padding-bottom: 12px; border-bottom: #f3f1ec 1px solid; margin-bottom: 12px; list-style: square ; color:#005faf; position:relative;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;list-style: square; color: #005faf; list-style-position: inside;} .association ul li a{color:#333;font-size:16px;display:inline-block} .association ul li a:hover{color:#005FAF} .association ul li span{float:right;font-size:12px;color:#777} .project{width:1200px;height:490px;margin:0px auto 10px;display:flex;flex-wrap:wrap;justify-content:space-between;position:relative;} .project ul{width:1200px;height:460px;display:flex;justify-content:space-between;flex-wrap:wrap;align-items: center;} .project ul li {position:relative} .project ul li p{position:absolute;height:40px;width:100%;background:#0A6ED5;color:#fff;bottom:0;line-height:40px;text-align:center} .project ul li p:hover{background:rgba(188,0,0,1);font-weight:bold} #notice a{font-size:16px} #notice a:hover{color:#005FAF;} .linkus-container{width:1200px;height:150px;margin:30px auto 10px;display:flex;justify-content:space-between;position:relative} .linkus-container img{position:absolute;right:-53px;bottom:-62px;opacity:0.6} .friendlink2-container{width:1200px;height:90px;margin:20px auto;} .linkus-container .linkus{width:650px;height:150px;} .linkus-container .aboutus{width:480px;height:150px;} /* .linkus-container .linkus h2{ border-bottom: 3px solid #0a6ed5!important;} .linkus-container .linkus h2 p{border-bottom:none!important} */ .linkus-container .aboutus .show{margin-top:10px;position:relative} .linkus .show .showcontent{width:260px;height:270px;background-color:rgba(255,255,255,0.9);position:absolute;left:167px;bottom:15px;padding:30px;box-sizing: border-box;box-shadow:0 0 6px #ccc} .show .showcontent a{ display: block; height: 40px; width: 237px; line-height: 40px; background: #005faf; color: #fff; text-align: center; left: 20px; bottom: 15px; position: absolute;} .linkus{width:430px;} .advertisement{width:100%;display:flex;justify-content:space-between;flex-wrap:nowrap;padding-top:20px} .advertisement li{border:3px solid #eee;width:200px;height:60px;background: #39b1d9 url(img/dxpm.png) no-repeat center 5px;text-indent:72px;line-height:60px;border-radius:6px;box-sizing:content-box;box-shadow:0 0 4px #ccc;margin-bottom:15px} .advertisement li:nth-child(1){background: #2b73d1 url(../img/icon_001.png) no-repeat 16px center/40px auto} .advertisement li:nth-child(2){background: #39b1d9 url(../img/icon_005.png) no-repeat 16px center/40px auto} .advertisement li:nth-child(3){background: #37b7ac url(../img/icon_006.png) no-repeat 16px center/40px auto} .advertisement li a{color:#fff} .advertisement li:hover a{text-shadow:1px 1px 2px #333} .friendlink2-container h2{width:100%} .friendlink2-container .friendlink2{height:60px;line-height:60px;padding:0 40px;box-sizing: border-box;} .friendlink2-container .friendlink2 a{color:#333;font-weight:bold} .friendlink2-container .friendlink2 a:hover{color:#000;text-decoration:underline}