.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; } .hotNews{ float:left; width:100%; margin-top:40px; position:relative; } .news-title{ text-align:center; position:relative; margin-bottom:30px; height:90px; } .news-title h3{ font-size:32px; color:#333; position:absolute; z-index:1; width:100%; top:35px; } .news-title h3 span{ color:#2b479b; } .news-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; } .hotNews-left{ float:left; width:40%; background:#2b479b; padding:66px 50px 100px 50px; box-sizing: border-box; } .hotNews-left h5{ color:#fff; font-size:14px; height:20px; line-height:20px; } .hotNews-left h5 img{ width:20px; } .hotNews h6{ color:#fff; font-size:16px; margin:20px 0; } .hotNews h6:hover{ color:#eee; } .hotNews-left p{ color:#fff; font-size:16px; line-height:180%; } .hotNews-right{ float:right; width:60%; } .hotNews-right img{ width:100%; } .hotNews .swiper-button-prev,.hotNews .swiper-button-next{ color:#fff; font-weight: bold; border:1px solid #fff; background:rgba(255,255,255,0.5); padding:10px; } .hotNews .swiper-button-prev{ left:510px; } .hotNews .swiper-button-next{ right:792px; } .hotNews-list{ padding:30px 0; } .hotNews-list li{ float:left; width:32%; border-right:1px solid #fff; box-sizing: border-box; padding-right:35px; } .hotNews-list li:nth-child(2){ margin:0 2%; } .hotNews-list li:nth-last-child(1){ border-right:none; } .hotNews .w1400{ position:relative; z-index:2; } .hotNews-bg{ background:#3356a0; position:absolute; bottom:0; left:0; height:300px; width:100%; z-index:-1; } .hotNews-list-date{ float:left; text-align:center; width:18%; } .hotNews-list-date span{ font-size:32px; color:#fff; } .hotNews-list-date h5{ font-size:14px; font-weight: normal; color:#fff; } .hotNews-list-infos{ float:right; width:80%; } .hotNews-list-infos a{ float:left; font-size:18px; font-weight: lighter; color:#fff; margin-bottom:10px; } .hotNews-list-infos a:hover{ color:#eee; } .hotNews-list-infos p{ float:left; width:100%; color:#fff; line-height:150%; font-size:14px; } .news2{ background:url(../images/news2-bg.png) no-repeat left top; background-size: cover; padding:100px 0 100px 0; } .news2-left{ float:left; width:50%; } .news2-left ul li{ float:left; width:100%; margin-top:30px; border-bottom:1px solid #dbdbdb; padding-bottom:30px; } .news2-left ul li img{ width:35%; } .news2-left ul li h4{ float:left; width:60%; margin-left:5%; } .news2-left ul li h4 a{ color:#333; font-size:24px; line-height: 150%; } .news2-left ul li h4 a:hover{ color:#2b479b; } .news2-left ul li p{ color:#666; font-size:16px; line-height:150%; float:left; width:60%; margin-left:5%; margin-top:10px; } .news2-right{ float:right; width:40%; } .news2-right img{ width:100%; margin:30px 0 10px 0; } .news2-right ul{ background:url(../images/news2-right-bg.png) no-repeat right center; } .news2-right ul li { float:left; width:100%; height:50px; line-height:50px; } .news2-right ul li::before{ width:8px; height:8px; background:#895788; content:''; float:left; margin-top:21px; border-radius:50%; margin-right:10px; } .news2-right ul li a{ font-size:18px; color:#333; } .news2-right ul li a:hover{ color:#2b479b; } .news-title2{ float:left; width:100%; } .news-title2 span{ float:left; background:url(../images/title-bg.png) no-repeat bottom left; background-size:100%; font-size:32px; font-weight: lighter; padding-bottom:10px; font-weight: bold; } .news-title2 a{ float:right; color:#333; font-weight: normal; font-size:16px; margin-top:10px; } .news3{ background:#f7f7f7; background:url(../images/txgz-bg.jpg) no-repeat center center; padding:80px 0; background-size:100%; } .news3 h3{ font-size:32px; color:#fff; margin-bottom:50px; } .news3 img{ width:100%; border: 5px solid #f3f3f3; box-sizing: border-box; } .news3 h3::before{ content: ''; background: #fff; width: 5px; height: 40px; float: left; margin-top: 3px; margin-right: 10px; } .news3 h3 a{ float: right; color: #fff; font-weight: normal; font-size: 16px; margin-top: 10px; } .news3-content p{ color:#fff; float:left; width:100%; text-align:center; color:#fff; padding-top: 10px; } .news3-1{ float:left; width:50%; } .news3-1-left{ float:left; width: 50%; padding-right:50px; padding-left:20px; box-sizing: border-box; position:relative; } .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; margin-top:20px; } .news3-1-left a{ color:#fff; font-weight:bold; font-size:18px; margin:50px 0 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-content .news3-1:nth-child(1),.news3-content .news3-1:nth-child(4){ background:#2b479b; } .news3-content .news3-1:nth-child(2),.news3-content .news3-1:nth-child(3){ background:#fff; } .news3-content .news3-1:nth-child(2) a,.news3-content .news3-1:nth-child(2) p,.news3-content .news3-1:nth-child(2) h6,.news3-content .news3-1:nth-child(3) a,.news3-content .news3-1:nth-child(3) p,.news3-content .news3-1:nth-child(3) h6{ color:#2b479b; } .news3-1-left-ico{ display: inline-block; height: 0; width: 0; border-top: 20px solid transparent; border-bottom: 20px solid transparent; border-left: 20px solid #2b479b; border-right: 20px solid transparent; position:absolute; right:-40px; top:100px; } .news3-content .news3-1:nth-child(2) .news3-1-left-ico{ border-left: 20px solid #fff; border-right: 20px solid transparent; border-top: 20px solid transparent; border-bottom: 20px solid transparent; } .news3-content .news3-1:nth-child(3) .news3-1-left-ico{ border-left: 20px solid transparent; border-right: 20px solid #fff; border-top: 20px solid transparent; border-bottom: 20px solid transparent; top:100px; left:-40px; } .news3-content .news3-1:nth-child(4) .news3-1-left-ico{ border-left: 20px solid transparent; border-right: 20px solid #2b479b; border-top: 20px solid transparent; border-bottom: 20px solid transparent; top:100px; left:-40px; } .xyfc-1{ float:left; width:100%; padding:20px 20px; margin-top:20px; box-sizing: border-box; } .xyfc-1{ background:#fff; margin-top:0; } .xyfc-1 img{ width:100%; } .xzfc{ position:relative; } .xzfc .mySwiper3{ width:100%; float:left; } .xyfc-bg{ background:#2b479b; position:absolute; bottom:0; left:0; width:100%; height:150px; z-index:-1; } .xzfc{ margin-top:50px; }