*{ margin: 0; padding: 0; border: none; } html{ font-family:"微软雅黑"; font-size: 18px; } body { min-width: 1200px; } a { cursor: pointer; text-decoration: none; color: inherit; } .container { margin: 0 auto; } .banner { width: 100%; font-size: 0px; } .banner img{ width: 100%; } .flex { display: flex; justify-content: center; align-items: center; } .item-1 { width: 100%; height: 508px; } .item-2 { width: 100%; height: 1000px; } .item-3 { width: 100%; height: 160px; } .bgc-1 { background-color: #d9e4d9; } .bgc-2 { background-color: #bdcfde; } .bgc-3 { background-color: #f0d7dd; } .bgc-4 { background-color: #f6ebca; } .bgc-5 { background-color: #f5ceb5; } .bgc-6 { background-color: #d9e4d9; } .wrapper { width: 1200px; margin: 0 auto; } .h-1 { height: 370px; } .h-2 { height: 288px; } .h-3 { height: 192px; } .wave { width: 100%; font-size: 0px; line-height: 0px; } .wave img{ width: 100%; } .justify-between { justify-content: space-between; } .flex-direction { flex-direction: column; } .content { width: 620px; height: 370px; position: relative; } .point { width: 6px; height: 6px; display: inline-block; margin-right: 10px; vertical-align: -6px; background: red; } .point-s { width: 4px; height: 4px; display: inline-block; margin-right: 10px; vertical-align: 5px; background: red; } .badge { width: 598px; height: 288px; } .swiper { width: 1200px; position: relative; } .margin-tb { margin-top: 28px; margin-bottom: 28px; } .desc { width: 96%; text-indent: 2em; line-height: 1.8em; } video { width: 100%; height: 100%; } ul { list-style: none; } /* 1 */ .slider,.slider1,.slider2,.slider3,.slider4,.slider5,.slider6,.slider7,.slider8 { width: 1200px; height: 200px; position: relative; overflow: hidden; } .img, .img1, .img2, .img3, .img4, .img5, .img6, .img7, .img8 { position: absolute; top: 0; left: 0 } .img li,.img1 li,.img2 li,.img3 li,.img4 li,.img5 li,.img6 li,.img7 li,.img8 li { float: left; margin-right: 10px; position: relative; } .img li img, .img1 li img, .img2 li img, .img3 li img, .img4 li img, .img5 li img, .img6 li img, .img7 li img, .img8 li img{ width: 300px; height: 200px; border: none; } .btn span { width: 36px; height: 36px; border-radius: 36px; cursor: pointer; } .btn .prev,.btn .prev1,.btn .prev2 ,.btn .prev3,.btn .prev4,.btn .prev5,.btn .prev6,.btn .prev7,.btn .prev8{ position: absolute; left: -85px; top: 42%; background: url(/uploads/image/nzwaimgs/pre.png) center no-repeat; } .btn .next, .btn .next1 , .btn .next2, .btn .next3, .btn .next4, .btn .next5, .btn .next6, .btn .next7, .btn .next8{ position: absolute; right: -85px; top: 42%; background: url(/uploads/image/nzwaimgs/next.png) center no-repeat; } /* 1 */ .pic { position: relative; } .pic .swiper-container1 { width: 620px; height: 370px; } .pic .swiper-container1 a { display: block; position: relative; } .pic .swiper-container1 a img { width: 620px; height: 370px; } .pic .swiper-container1 a p { position: absolute; width: 620px; height: 60px; line-height: 60px; bottom: 0; font-size: 18px; color: #ffffff; text-indent: 10px; padding-right: 120px; left: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; background: rgba(0, 0, 0, 0.6); filter:progid:dximagetransform.microsoft.gradient(startcolorstr=#7f000000,endcolorstr=#7f000000); box-sizing: border-box; } .pic .pagination { position: absolute; right: 0; left: auto; text-align: center; bottom: 20px; z-index: 10; width: 14%; box-sizing: border-box; } .pic .swiper-pagination-switch { display: inline-block; width: 10px; height: 10px; background: #ffffff; margin: 0 5px; cursor: pointer; box-sizing: border-box; } .pic .swiper-active-switch { background: #d0280e; } .pagination1 { position: absolute; bottom: 3px; left: 145px; overflow: hidden; } .pagination1 .swiper-pagination-switch { width: 8px; height: 8px; background-color: #cecdcb; float: left; margin-left: 0px; cursor: pointer; } .pagination1 .swiper-active-switch { background-color: #f17070; } .swiper ul li p { position: absolute; width: 300px; height: 40px; line-height: 40px; bottom: 0; font-size: 18px; color: #ffffff; text-indent: 10px; left: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; background: rgba(0, 0, 0, 0.6); filter:progid:dximagetransform.microsoft.gradient(startcolorstr=#7f000000,endcolorstr=#7f000000); box-sizing: border-box; } .content p{ position: absolute; width: 620px; height: 40px; line-height: 40px; bottom: 0; font-size: 18px; color: #ffffff; text-indent: 10px; left: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; background: rgba(0, 0, 0, 0.6); filter:progid:dximagetransform.microsoft.gradient(startcolorstr=#7f000000,endcolorstr=#7f000000); box-sizing: border-box; } .left { float: left; } .right { float: right; } .clearfix { /* 触发 haslayout */ zoom: 1; } .clearfix:after { content: "020"; display: block; height: 0; clear: both; visibility: hidden; } .doing { border: 1px solid red; } .newslist { width: 550px; height: 346px; } .newslist .sub { height: 86px; border-bottom: 1px dashed #d3cfcf } .newslist .sub a:hover { font-weight: 700; } .newslist .sub .box2{ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height: 43px; } .newslist2 { width: 550px; height: 370px; } .newslist2 .sub{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .newslist2 .sub a:hover { font-weight: 700; } .desc { height: 128px; line-height: 32px; margin: 0 auto; margin-top: 28px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; }