*{margin: 0;padding: 0;} a{text-decoration: none;cursor: pointer;} ul li{list-style: none;} body{ font-family: cursive;} .index-banner{ width: 100%; height: auto; min-width: 1290px;} .index-news{ width: 100%; min-width: 1290px; height: auto; min-height: 762px; background: url(/uploads/image/sx-img/sx-news.png) no-repeat; background-size: 100% 100%;} .index-news .content{ width: 1290px; height: auto; overflow: hidden; padding: 48px 0 0 0; box-sizing: border-box; margin: 0 auto;} .index-news .content .section-first{ width: 100%; height: auto; overflow: hidden; display: flex; justify-content: space-between;} .index-news .content .section-first .zxjj{ width: 787px; height: auto; overflow: hidden;} .index-news .content .section-first .zxjj .header{ width: 100%; height: 40px; line-height: 40px; padding-bottom: 10px; /*box-sizing: border-box;*/ background:url(/uploads/image/sx-img/sx-news-logo.png) left top no-repeat; position: relative; font-size: 23px; color: #00456b; text-indent: 40px; font-weight: bold;} .index-news .content .section-first .zxjj .header::before{ content: ""; width: 100%; height: 5px; background: url(/uploads/image/sx-img/sx-border.png) no-repeat; background-size: 100% 100%; position: absolute; bottom: 0; left: 0;} .index-news .content .section-first .zxjj .content{ width: 100%; height: auto; overflow: hidden; padding-top: 28px; display: flex; justify-content: space-between;} .index-news .content .section-first .zxjj .content .left{ width: 341px; height: 255px;} .index-news .content .section-first .zxjj .content .left img{ width: 100%; height: 100%;} .index-news .content .section-first .zxjj .content .right{ width: 422px; height: auto; font-size: 18px; color: #333333; position: relative;} .index-news .content .section-first .zxjj .content .right span{ display: block; padding-top: 12px; box-sizing: border-box; line-height: 30px;} .index-news .content .section-first .zxjj .content .right .more{ display: block; width: 104px; height: 32px; font-size: 16px; text-align: center; line-height: 32px; border-radius:16px; background:#00456b; float: right; color: #ffffff;} .index-news .content .section-first .yjdt{ width: 457px; height: auto; overflow: hidden;} .index-news .content .section-first .yjdt .header{ width: 100%; height: 40px; line-height: 40px; padding-bottom: 10px; /*box-sizing: border-box;*/ background:url(/uploads/image/sx-img/sx-news-logo.png) left top no-repeat; position: relative; font-size: 23px; color: #00456b; text-indent: 40px; font-weight: bold;} .index-news .content .section-first .yjdt .header::before{ content: ""; width: 100%; height: 5px; background: url(/uploads/image/sx-img/sx-border.png) no-repeat; background-size: 100% 100%; position: absolute; bottom: 0; left: 0;} .index-news .content .section-first .yjdt .header .more{ width: 44px; height: 39px; font-size: 11px; line-height: 44px; text-indent: 5px; color: #ffffff; background: url(/uploads/image/sx-img/sx-more-btn.png) no-repeat; position: absolute; top: 0; right: 0;} .index-news .content .section-first .yjdt .news-list{ width: 100%; height: auto; overflow: hidden; padding-top: 18px;} .index-news .content .section-first .yjdt .news-list ul li{ width: 100%; height: 39px; line-height: 39px; font-size: 18px; color: #333333; position: relative; border-bottom: 2px solid #dcdcdc; box-sizing: border-box; text-indent: 12px;} .index-news .content .section-first .yjdt .news-list ul li::before{ content: ""; position: absolute; width: 5px; height: 5px; background: #999999; top: 0; bottom: 0; left: 0; margin: auto;} .index-news .content .section-first .yjdt .news-list ul li a{ font-size: 18px; color: #333333;} .index-news .content .section-first .yjdt .news-list ul li a span{ color: #8e8e8e; font-size: 15px; float: right;} .index-news .content .section-second{ width: 100%; height: auto; overflow: hidden; display: flex; justify-content: space-between; padding-top: 38px; box-sizing: border-box;} .index-news .content .section-second .news-div{ width: 405px; height: auto; overflow: hidden;} .index-news .content .section-second .news-div .header{ width: 100%; height: 40px; line-height: 40px; padding-bottom: 10px; /*box-sizing: border-box;*/ background:url(/uploads/image/sx-img/sx-news-logo.png) left top no-repeat; position: relative; font-size: 23px; color: #00456b; text-indent: 40px; font-weight: bold;} .index-news .content .section-second .news-div .header::before{ content: ""; width: 100%; height: 5px; background: url(/uploads/image/sx-img/sx-border.png) no-repeat; background-size: 100% 100%; position: absolute; bottom: 0; left: 0;} .index-news .content .section-second .news-div .header .more{ width: 44px; height: 39px; font-size: 11px; line-height: 44px; text-indent: 5px; color: #ffffff; background: url(/uploads/image/sx-img/sx-more-btn.png) no-repeat; position: absolute; top: 0; right: 0;} .index-news .content .section-second .news-div .news-list{ width: 100%; height: auto; overflow: hidden; padding-top: 18px;} .index-news .content .section-second .news-div .news-list ul li{ width: 100%; height: 36.5px; line-height: 36.5px; font-size: 18px; color: #333333; position: relative; border-bottom: 2px solid #dcdcdc; box-sizing: border-box; text-indent: 12px;} .index-news .content .section-second .news-div .news-list ul li::before{ content: ""; position: absolute; width: 5px; height: 5px; background: #999999; top: 0; bottom: 0; left: 0; margin: auto;} .index-news .content .section-second .news-div .news-list ul li a{ font-size: 18px; color: #333333;} .index-news .content .section-second .news-div .news-list ul li a span{ color: #8e8e8e; font-size: 15px; float: right;}