body{ background:#f3f1ed; } .banner{ 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; } .news-1{ margin-top:30px; } .banner img{ float:left; width:100%; } .news-1{ margin-bottom:60px; } .news-title{ float:left; width:100%; border-bottom:1px solid #dbdbdb; line-height:180%; margin-bottom:30px; position:relative; } .news-title span{ border-bottom:2px solid #2b479b; float:left; font-size:32px; padding:10px 0; font-weight: bold; position:absolute; bottom:-1px; left:0; } .news-title span em{ font-style:normal; color:#2b479b; } .news-title a{ float:right; color:#333; font-weight: normal; font-size:16px; margin-top:15px; } .news-1-left{ float:left; width:45%; position:relative; } .news-1-left img{ width:100%; height:362px; } .news-1-left p{ font-size:18px; color:#fff; padding:10px 0; text-align:center; width:100%; background:rgba(0,0,0,0.5); position:absolute; left:0; bottom:0; } .news-1 ul{ float:right; width:52%; } .news-1 ul li{ border-bottom:2px solid #056b53; margin-bottom:40px; float:left; width:47%; background:url(../images/news-bg.png) #fff no-repeat left top; background-size:100%; padding:30px 20px; box-sizing: border-box; margin-right:6%; border-radius:8px 8px 0 0; } .news-1 ul li:nth-child(2n){ margin-right:0; } .news-1 ul li:nth-child(3),.news-1 ul li:nth-child(4){ margin-bottom:0; } .news-1 ul li h5{ font-weight: normal; font-size:18px; color:#333; line-height:180%; height:58px; } .news-1 ul li a{ font-size:16px; color:#333; float:right; margin-top:20px; } .news-1 ul li h5:hover,.news-1 ul li a{ color:#2b479b; } .news-2{ background:url(../images/news-2-bg.jpg) no-repeat left bottom; padding-top:20px; padding-bottom:80px; } .news-2 .w1400{ background:#fff; overflow:hidden; } .news-2-left{ float:left; width:49%; margin-right:2%; padding:40px; box-sizing: border-box; } .news-2-left ul li{ float:left; width:100%; background:#f7f8fa; padding:20px 0; text-indent:20px; margin-bottom:20px; } .news-2-left ul li:hover{ background:#2b479b; } .news-2-left ul li a{ color:#333; font-size:18px; } .news-2-left ul li:hover a{ color:#fff; } .news-2-right{ float:right; margin-right:0; } .sjjx{ margin-top:50px; padding-top:60px; padding-bottom:60px; } .sjjx .mySwiper2{ float:left; width:100%; } .sjjx img{ width:100%; } .sjjx .w1400{ position:relative; overflow: hidden; padding:0 40px 40px 40px; box-sizing: border-box; } .sjjx-bg{ position:absolute; left:0; bottom:0; width:100%; background:#fff; height:250px; } .fast-left{ float:left; width:10%; } .fast-left-span1{ float:left; width:10px; height:10px; border-top:2px solid #333; border-left:2px solid #333; } .fast-left-span2{ border-bottom:2px solid #333; border-top:none; } .fast-left h3{ color:#333; float:left; width:100%; font-size:24px; padding:40px 0; } .fast-right{ float:right; width:90%; position:relative; padding:0 50px; box-sizing: border-box; } .fast-right img{ width:65%; margin:0 15%; } .fast-right p{ float:left; width:100%; text-align:center; color:#333; font-size:18px; padding:10px 0 0 0; } .fast-right .swiper-button-prev,.fast-right .swiper-button-next{ color:#999; font-weight: normal; }