body { } * { margin: 0; padding: 0; font-size: 14px; font-family: "microsoft yahei"; } ul { list-style: none; } .left { float: left; } .right { float: right; } .cl { clear: both; } a { text-decoration: none; } a:hover { text-decoration: none; } .containers { width: 1200px; height: auto; margin:0 auto; overflow: hidden; padding-top: 40px; padding-bottom: 20px; } .top{ width: 100%; } .top img{ width: 100%; } .ban1{ width: 100%; height: 340px; } .ban1 .infoleft{ width: 48%; padding: 8px 0; } .infoleft ul li{ width: 100%; display: block; background: left center no-repeat; } .infoleft ul li a{ display: block; width: 100%; font-family: "微软雅黑"; font-size: 16px; color:#111111; line-height: 52px; padding-left: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .inforight{ width: 50%; } .ban2{ width: 100%; } .title1{ height: 100px; } .title1 .bgleft{ display: block; width: 18%; height: 100px; background: left center no-repeat; } .title1 .bgcenter{ font-size: 36px; font-family: "微软雅黑"; color:#c7000b; font-weight: bold; line-height: 90px; } .title1 .bgright{ display: block; width: 17%; height: 100px; background: right center no-repeat; } .bodyleft{ width: 49%; } .bodyright{ width: 49%; } .bodyleft .describe{ } .describe span{ width: 100%; display: block; font-family: "微软雅黑"; font-size: 20px; color:#9f7216; line-height: 60px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .describe p{ font-family: "微软雅黑"; font-size: 14px; color:#666666; line-height: 32px; text-indent:2em; width: 100%; overflow: hidden; text-overflow: ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; } .ban3{ width: 100%; } .title2{ height: 100px; } .title2 .bgleft{ display: block; width: 44%; height: 100px; background: left center no-repeat; } .title2 .bgcenter{ font-size: 36px; font-family: "微软雅黑"; color:#c7000b; font-weight: bold; line-height: 90px; } .title2 .bgright{ display: block; width: 44%; height: 100px; background: right center no-repeat; } .infobody{ width: 100%; } .infobody ul li{ width: 49%; } .infobody ul li:nth-child(even){ float: right; } .infobody ul li:nth-child(odd){ float: left; } .infobody ul li a h2{ display: block; width:100%; height: 56px; background: left center no-repeat; padding-left: 10px; } .infobody ul li a h2 span{ width: 70%; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 20px; color:#9f7216; font-family: "微软雅黑"; line-height: 56px; font-weight: bold; } .infobody ul li a p{ font-size: 16px; color:#111111; font-family: "微软雅黑"; line-height: 30px; width: 96%; margin:0 auto; overflow: hidden; text-overflow: ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:4; }