.banner{ float:left; width:100%; } .banner img{ float:left; width:100%; } .banner .swiper-pagination span{ width:15px; height:15px; background:#fff; } .news1{ position:relative; margin-top:30px; } .news1-title{ text-align:center; position:relative; } .news1-title h3{ font-size:32px; color:#333; position:absolute; z-index:1; width:100%; top:35px; } .news1-title h3 span{ color:#2b479b; } .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; } .news-content{ margin:60px 0; } .news-content-1{ float:left; width:30%; } .news-content .news-content-1:nth-child(2){ margin:0 5%; } .news-content-bg{ position: absolute; bottom:0; left:0; width:100%; height:300px; background:#185fb3; z-index:-1; } .news-content-1 img{ width:100%; } .news-content-1 a:nth-child(2){ color:#fff; font-size:18px; font-weight: bold; margin:20px 0 10px 0; float:left; line-height:150%; } .news-content-1 a:nth-child(2):hover{ color:#eee; } .news-content-1 p{ color:#fff; font-size:16px; line-height:150%; float:left; width:100%; } .news2{ background:#eef5fd; padding:60px 0; } .news2-left{ float:left; width:30%; } .news2-title{ margin-bottom:30px; } .news2-title span{ float:left; font-size:32px; font-weight: bold; color:#2b479b; } .news2-title span::before{ content:''; background:#2b479b; width:5px; height:40px; float:left; margin-top:3px; margin-right:10px; } .news2-title span em{ font-style: normal; color:#333; } .news2-title .more{ font-weight: normal; margin:0; } .news2-left ul li{ float:left; width:100%; margin-bottom:26px; } .news2-left ul li div{ float:left; width:15%; border:1px solid #b4b5b6; text-align:center; padding:5px 0; margin-right:15px; } .news2-left ul li div h4{ color:#333; font-size:24px; } .news2-left ul li div span{ font-size:14px; } .news2-left ul li a{ color:#333; font-size:16px; line-height:150%; } .news2-left ul li a:hover{ color:#2b479b; } .news2-right{ float:right; width:68%; } .news2-right-img{ float:left; width:48%; } .news2-right-img img{ width:100%; } .news2-right-img p{ background:#2b479b; color:#fff; text-align:center; float:left; width:100%; height:50px; line-height:50px; } .news2-right ul{ float:right; width:50%; } .news2-right ul li{ float:left; width:100%; margin-bottom:20px; } .news2-right ul li div{ float:left; width:15%; text-align:center; margin-right:2%; } .news2-right ul li div h5{ font-size:36px; color:#333; } .news2-right ul li div span{ font-size:16px; } .news2-right ul li a{ color:#333; font-size:16px; margin-bottom:8px; float:left; } .news2-right ul li a:hover{ color:#2b479b; } .news2-right ul li p{ color:#666; font-size:14px; line-height:150%; float:left; width:83%; } .news3{ background:url(../images/news3-bg.jpg) no-repeat center center; padding:50px 0 30px 0; } .news3 h3{ font-size:32px; color:#fff; margin-bottom:30px; } .news3 h3 a{ color:#fff; } .news3 img{ width:100%; } .news3 p{ color: #fff; font-size: 16px; float: left; width: 100%; text-align: center; margin-top: 10px; } .news3 h3::before{ content: ''; background: #fff; width: 5px; height: 40px; float: left; margin-top: 3px; margin-right: 10px; } .news3-1{ float:left; width:50%; } .news3-1-left{ float:left; width: 50%; padding-right:50px; padding-left:20px; box-sizing: border-box; } .news3-1-right{ float:right; width:50%; } .news3-1-right img{ width:100%; } .news3-1-left h6{ color:#ccc; font-size:16px; font-weight: lighter; font-style: italic; margin-top:20px; } .news3-1-left h6 span{ /* float:left; */ margin-right:5px; font-size:24px; } .news3-1-left a{ color:#fff; font-weight:bold; font-size:18px; margin:10px 0; display:inline-block; } .news3-1-left p{ color:#fff; font-size:14px; line-height:150%; } .news3-content .news3-1:nth-child(3) .news3-1-left,.news3-content .news3-1:nth-child(4) .news3-1-left{ float:right; } .news3-content .news3-1:nth-child(3) .news3-1-right,.news3-content .news3-1:nth-child(4) .news3-1-right{ float:left; } .news3-btn{ text-align:center; margin-top:60px; } .news3-btn a{ border:1px solid #1ae5c1; background:#2863a9; width:120px; height:45px; line-height:45px; color:#1be4c2; font-size:16px; display:inline-block; border-radius:25px; padding:0 20px; } .news4 img{ width:100%; } .news4 .news1-title{ margin:0 0 60px 0; } .news4-content{ position:relative; padding:20px; box-sizing: border-box; background:#fff; } .news4-content-bg{ background:#fff; position:absolute; bottom:1px; left:0; width:100%; height:150px; } .news4 .news-content-bg{ height:150px; z-index:0; } .news4{ background:#f7f7f7; /*margin-bottom:50px;*/ }