body{ background:#f7f7f7; } .banner{ float:left; width:100%; } .banner img{ width:100%; } .list{ margin-top:50px; margin-bottom:60px; } .list-left{ float:left; width:20%; text-align:center; background:url(../images/list-left-bg.png) #fff no-repeat right top; } .list-left h2{ color:#fff; background:url(../images/list-left-bg.png) #2b479b no-repeat right top; font-size: 24px; text-align: center; height: 90px; line-height: 90px; font-weight: normal; } .list-left ul li{ height: 70px; line-height: 70px; float:left; width:100%; border-bottom:1px solid #dbdbdb; border-left:5px solid #fff; border-right:5px solid transparent; box-sizing: border-box; } .list-left ul li:nth-last-child(1){ border-bottom:none; } .list-left ul li a{ color:#333; font-size:18px; } .list-left ul li a:hover{ color:#2b479b; } .list-left ul li.thisItem{ border-left:5px solid #2b479b; } .list-right{ width:75%; float:right; background: #fff; padding: 35px 45px 45px 45px; box-sizing: border-box; } .list-right-content img{ float:none; } .current{ color: #333; letter-spacing: 1px; border-bottom: 1px solid #dbdbdb; padding-bottom: 15px; } .current a{ color:#333; } .list-infos li{ border-bottom: 1px dashed #dbdbdb; height: 54px; line-height: 54px; text-indent: 15px; } .list-infos li::after{ content:''; width:6px; height:6px; float:left; background:#333; border-radius:50%; margin-top:23px; } .list-infos li a{ color:#333; } .list-infos li a:hover{ color:#2b479b; } .list-infos li span{ float:right; color:#666; } .pages{ text-align:center; margin-top:50px; } .pages li{ border: 1px solid #dbdbdb; border-radius: 5px; color: #5d5d5d; font-size: 14px; height: 38px; line-height: 38px; display: inline-block; padding: 0 12px; margin: 0 5px; } .pages li.active{ background: #2b479b; color: #fff; font-weight: bold; border-color: #2b479b; } .list-right h1{ font-size: 24px; color: #333; text-align: center; font-weight: normal; margin-top:20px; margin-bottom: 20px; padding-bottom:20px; letter-spacing: 2px; border-bottom:1px dashed #dbdbdb; } .list-right-content{ font-size: 16px; color: #333; line-height: 180%; } .list-right-content p{ text-indent: 2em; /*margin-bottom: 20px;*/ } /* 图片列表页 */ .list-pic{ width:75%; float:right; background: #fff; padding: 35px 45px 45px 45px; box-sizing: border-box; } .list-Piccontent{ margin-top:30px; } .list-Piccontent li{ float:left; width:23%; margin-right:2.666666666666%; box-sizing: border-box; } .list-Piccontent li:nth-child(4n){ margin-right:0; } .list-Piccontent li img{ width:100%; } .list-Piccontent li p{ text-align:center; color:#333; padding:10px 0 15px 0; float:left; width:100%; } .list-page-right{ background: url(../images/content-bg.png) #fff right 20% no-repeat; }