.banner{ float:left; width:100%; } .banner img{ float:left; width:100%; } .banner span.swiper-pagination-bullet{ background:#d0d0d2; width:15px; height:15px; opacity: 1; } .banner span.swiper-pagination-bullet-active{ width:80px; border-radius:15px; } .news1{ margin-top:30px; position:relative; padding-bottom:50px; } .news1-title{ text-align:center; position:relative; margin-bottom:30px; height:90px; } .news1-title h3{ font-size:32px; color:#333; position:absolute; z-index:1; width:100%; top:35px; } .news1-title h3 span{ color:#8c0000; } .news1-title p{ color:#dfdfdf; font-size:78px; font-weight: bold; position:absolute; width:100%; left:0; right:0; } .more{ float:right; color:#ccc; font-size:16px; border:1px solid #ccc; padding:5px 10px; margin-top:50px; position:relative; z-index:33; } .news1-content-1{ float:left; width:30%; } .news1-content-1:nth-child(2){ margin:0 5%; } .news1-content-1 img{ width:100%; } .news1-content-1 span{ color:#fff; font-size:16px; font-weight: bold; margin:10px 0 15px 0; float:left; width:100%; line-height:175%; } .news1-content-1 span:hover{ color:#ddd; } .news1-content-1 p{ color:#fff; font-size:14px; line-height:150%; } .news1-bg{ position:absolute; left:0; bottom:0; background:#8c0000; height:200px; z-index:-1; width:100%; } .news2{ margin-top:40px; } .news2-title{ float:left; width:100%; border-bottom:1px solid #595959; line-height:180%; margin-bottom:30px; position:relative; } .news2-title span em{ color:#8c0000; font-style: normal; } .news2-title span{ border-bottom:2px solid #8c0000; float:left; font-size:32px; padding:10px 0; position:absolute; bottom:-1px; left:0; } .news2-title span img{ width:30px; margin-right:10px; } .news2-title a{ float:right; color:#333; font-weight: normal; font-size:16px; margin-top:15px; } .news2-left{ float:left; width:48%; } .news2-left ul li{ float:left; width:100%; padding:15px 0; } .news2-left ul li a{ color:#333; font-size:18px; float:left; } .news2-left ul li a:hover{ color:#2b479b; } .news2-left ul li span{ float:right; color:#666; font-size:16px; } .news2-right{ float:right; } .news3 img{ width:100%; } .news3-left p{ background:#ececec; color:#333; } .news3-left img{ width:100%; } .news3-left div.swiper-pagination3 span.swiper-pagination-bullet{ background:#333; width:12px; height:12px; } .news3 ul li{ border-bottom:none; } .news3 ul li::before{ border-radius:0; }